vue打包配置
vue打包配置
1.資源相對引用路徑
2.背景圖片的引用問題
3.index.html頁面沒有顯示內容
4.頁面空白
5.樣式混亂
來自為知筆記(Wiz)
1.資源相對引用路徑
2.背景圖片的引用問題
3.index.html頁面沒有顯示內容
4.頁面空白
5.樣式混亂
vue打包配置
1.資源相對引用路徑
- build/webpack.prod.conf.js
找到output:增加 publicPath: './', 2.背景圖片的引用問題
- build/utils.js
找到if (options.extract) {
添加一行 publicPath:'../../' 3.index.html頁面沒有顯示內容
- config/index.js
更改config/index.js 中的參數:assetsPublicPath:'./', 4.頁面空白
- router/index.js
將mode: 'history', /*使用HTML格式*/
注釋掉(history需要另外配置才可以使用) 5.樣式混亂
通用的css文件在main.js中統一引用,且放到最前面(不要在多個文件中引用,局部的在局部頁面中引用即可)
來自為知筆記(Wiz)
轉載于:https://www.cnblogs.com/ziyue7575/p/393c6a20af6528f3602e2868984923ad.html
總結
- 上一篇: 初级版python登录验证,上传下载文件
- 下一篇: C#转java