欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-26 15:50:10
问题描述: npm run build 后dist文件夹下面直接浏览器打开index.html,css和js的路径都不正确。 放到跟目录下就正常了。 问题解决: 打开...

问题描述:

npm run build 后dist文件夹下面直接浏览器打开index.html,css和js的路径都不正确。 放到跟目录下就正常了。

问题解决:

打开项目所在文件夹里面的 config - index.js

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

在 build 部分的 assetspublicpath 里面加一个点即可

assetspublicpath: '/', 

改为

assetspublicpath: './', 

解释:

将绝对路径改为相对路径(解释有点不对,凑合着理解吧)

延伸:

这么做的效果主要影响的是 项目所在文件夹里面的 build- webpack.base.conf.js

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

效果相当于:

 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生成文件本地打开查看效果的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。