当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue生成文件本地打开查看效果的实例

vue生成文件本地打开查看效果的实例

2019年06月03日  | 移动技术网IT编程  | 我要评论

圣斗士奇迹之海,欢度国庆黑板报,好看的三圾片名字

问题描述：

npm run build 后dist文件夹下面直接浏览器打开，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生成文件本地打开查看效果的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网