vue如何生成文件本地打开查看效果

本文小编为大家详细介绍“vue如何生成文件本地打开查看效果”，内容详细，步骤清晰，细节处理妥当，希望这篇“vue如何生成文件本地打开查看效果”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

创新互联建站主营米林网站建设的网络公司,主营网站建设方案,App定制开发,米林h5微信平台小程序开发搭建,米林网站营销推广欢迎米林等地区企业咨询

问题描述：

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如何生成文件本地打开查看效果”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注创新互联行业资讯频道。

当前标题：vue如何生成文件本地打开查看效果
URL地址：https://www.cdcxhl.com/article26/jheijg.html

成都网站建设公司_创新互联，为您提供微信小程序、网页设计公司、定制开发、外贸建站、虚拟主机、全网营销推广

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联