webpackvue构建的项目,npmrunbuild后路径问题
作者:wen-1225 | 来源:互联网 | 2023-10-17 20:07
npmrunbuild后dist文件夹下面直接浏览器打开index.html,css和js的路径都不正确。放到跟目录下就正常了,iis上同样只能在根目录下。我项目的目录如下:
npm run build 后dist文件夹下面直接浏览器打开index.html,css和js的路径都不正确。 放到跟目录下就正常了,iis上同样只能在根目录下。我项目的目录如下:
这样就可以避开因打包而造成的的路径问题了!
关于图片路径问题,找到了一个解决方法:
修改build/utils.js 文件中
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath: '../../'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
添加一行:publicPath: '../../'