vue 打包后图片显示，或因为路径原因，显示白屏？

文章已阅读次

打包后由于路径不对，导致资源文件加载不到，需要调整：

1.config/index.js 修改以下两个地方

1).

module.exports = {

dev:{

// Paths

assetsSubDirectory: 'static',

// assetsPublicPath: '/',/*调试*/

assetsPublicPath: './',/*发布*/

proxyTable: {

changeOrigin: true,/*允许跨域*/

\"/api\": {

target:\"https://www.romanticlife.top\",

// target:\"http://localhost:8090\",

secure:false,

changeOrigin: true,

pathRewrite: {

'^/api': ''

}

},

},


2).


build: {

// Template for index.html

index: path.resolve(__dirname, '../dist/index.html'),


// Paths

assetsRoot: path.resolve(__dirname, '../dist'),

assetsSubDirectory: 'static',

// assetsPublicPath: '/',/*调试*/

assetsPublicPath: './',/*发布*/

一般来说第一步就能解决问题，如果还不行就继续以下步骤：

2.build/webpack.prod.conf.js
在output中添加publicPath:'./',

3.build/utils.js
51行---修改为 publicPath:'../../'