vue-cil3项目打包后浏览器打开空白问题

vue项目目录结构:问题出在index.html 和 webpack.config.js两个文件夹。 1、修改index.html,如下图箭头处添加“.”( 在 dist 前面添加点号)

vue项目目录结构:

问题出在index.html 和 webpack.config.js两个文件夹。

1、修改index.html,如下图箭头处添加“.”( 在 /dist 前面添加点号) 。

2、修改webpack.config.js,如下图箭头处添加“.”( 在 /dist 前面添加点号) 。

这两处修改完成后,我们在工程目录下执行 cnpm run build 打包,生成dist文件夹,我的dist内容如下:

最后双击index.html即可成功打开vue项目。

到此编译就成功了。

注:要进行调试的时候,还是要把前面两处加的点号去掉,否则调试会打不开。
这一切都与环境路径有关 【./dist】【/dist】,在node运行项目时,根目录在vue项目目录,所以用/dist没问题。但是打包好后,根目录就不是本项目了,所以要改 ./dist 来锁定本打包后项目放置文件夹的路径。

发布者:admin,转转请注明出处:http://www.yc00.com/web/1743813925a4511545.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信