url全局地址封装 vue_Vue 打包问题以及动态修改接口地址

打包

打包命令

npm run build

打包之后打开index.html页面发现页面空白

解决方案:

config/index.js 文件

// 1. build下面的assetsPublicPath从原来的'/'改为'./'

assetsPublicPath: './'

build/webpack.prod.conf.js 文件

// 2. 在output下面添加 publicPath: '/gameco/'

// 特别说明 gameco为我打包之后路径访问的起始路径名称 可自行修改

output: {

path: config.build.assetsRoot,

filename: utils.assetsPath('js/[name].[chunkhash].js'),

chunkFilename: utils.assetsPath('js/[id].[chunkhash].js'),

publicPath: '/gameco/'

}

build/webpack.base.config.js 文件

// 原来的代码

output: {

path: config.build.assetsRoot,

filename: '[name].js',

publicPath: process.env.NODE_ENV === 'production'

? config.build.assetsPublicPath

: config.dev.assetsPublicPath