vue-cli3.0 执行打包指令npm run build后如何本地直接访问index.html_vue3 build 后直接点击可访问

作者：菜鸟追梦旅行 | 2024-03-17 23:36:18

踩

vue3 build 后直接点击可访问

1：在最外层目录下创建一个vue.config.js文件；

2. 在vue.config.js中输入如下代码：


module.exports = {
  publicPath: './'
}

3. 保存后执行npm run build以后会出现一个dist目录，点击里面的index.html文件即可直接访问本次项目，而不需要执行npm run serve。

注意：不配置vue.config.js，直接打包的话。系统默认的是'/'（根目录），而不是'./'（当前目录）。可在dist下的index.html中文件引用路径中查看。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/258750