本地打开vue生成文件的视图效果示例

问题描述：

npm运行构建后，浏览器直接打开dist下的index.html文件夹，css和js的路径不正确。放在目录里很正常。

问题解决：

在项目所在文件夹中打开config-index.js

只需在构建部分添加一个指向assetsPublicPath的点

资产公共路径： '/'，已更改为

资产公共路径：’。/'，解释：

把绝对路径改成相对路径(解释有点错，就凑合着用吧)

分机：

这样做的效果主要影响项目所在文件夹中的build- webpack.base.conf.js

效果相当于：

output : { path : config . build . asset root，filename: '[name]。js '，public path : process . ENV . node _ ENV===' production '？config . build . assets public path : config . dev . assets public path }，已更改为：

output : { path : config . build . asset root，filename: '[name]。js '，public path : process . ENV . node _ ENV===' production '？/' : config . dev . assets public path }，以上vue生成文件本地打开查看效果的例子是边肖分享的全部内容。希望能给大家一个参考，支持我们。