vue项目打包

2023-11-07

1、webpack打包,进入对应项目目录npm run build
在这里插入图片描述
项目根目录下生成了dist文件夹,拖到服务器就行
2、拖到服务器前双击dist下index.html文件,如果报错找不到js、css等资源文件
找到config目录下index.js文件,assetsPublicPath: ‘/’,改为assetsPublicPath: ‘./’,从index.html上一级往下找而不是从/static
在这里插入图片描述
在这里插入图片描述
路径就从根目录进static文件夹下找,不要直接修改index.html
在这里插入图片描述
图片报错404:找到build下utils.js文件,增加一句

publicPath:'../../'

在这里插入图片描述
在这里插入图片描述
注意:页面中用到相对路径资源时候,用./测试图片
在这里插入图片描述
最后重新npm run build就行

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue项目打包 的相关文章

  • CDN 服务器

    cdn的两种方式 推送和回源区别 DNS解析的时候 返回给最近的CDN的地址 然后应用从最近的CDN读取静态文件css js image等信息 然后如果从CDN拿不到信息的话 让请求 回源站 后端应用服务器 回源地址获取静态文件 然后返回给

随机推荐