問題描述:
npm run build 后dist文件夾下面直接瀏覽器打開index.html,css和js的路徑都不正確。 放到跟目錄下就正常了。
問題解決:
打開項目所在文件夾里面的 config - index.js
在 build 部分的 assetsPublicPath 里面加一個點即可
assetsPublicPath: '/',
改為
assetsPublicPath: './',
解釋:
將絕對路徑改為相對路徑(解釋有點不對,湊合著理解吧)
延伸:
這么做的效果主要影響的是 項目所在文件夾里面的 build- webpack.base.conf.js
效果相當于:
output: { path: config.build.assetsRoot, filename: '[name].js', publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath },
改為了:
output: { path: config.build.assetsRoot, filename: '[name].js', publicPath: process.env.NODE_ENV === 'production' ? './' : config.dev.assetsPublicPath },
以上這篇vue生成文件本地打開查看效果的實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。
新聞熱點
疑難解答