零基础个人建站——混合模式开发之项目上线那些坑 、四

关于vue 打包

在开发完vue 项目后  实际上线的时候我们需要生产环境而不是开发环境  (这是句废话 )

这个时候  我们需要在项目下  执行

npm run build

会在项目下生成dist文件夹    然后项目的各种依赖就全部打包压缩成了,,然而  打开之后却傻眼了  神魔都没有《哈》《哈》《哈》《哈》

这是为什么呢??、没看到之前就报错了吗???

Tip: built files are meant to be served over an HTTP server.

 Opening index.html over file:// won't work.

这也算不上报错,,人家都已经提醒你了,,说要放在一个http服务器环境。否则404

那不就是路径错了,这还不好办  改路径呗~~

 在vue-cli的默认配置中(准确点是build文件夹下的index.js中的build选项), 把assetsPublicPath: '/'改成assetsPublicPath: './',dist文件夹里的文件必须放在服务器的根目录, 如果你想本地打开的话, 可以在npm run build完成之后执行以下命令:

npm install -g http-server // 该命令只需执行一次, 安装过之后, 以后就不需要重复安装了.

然后本地查看没有问题   拉倒ndoe服务器上的静态资源下就可以通过公网查看^^^项目了

猜你喜欢

转载自blog.csdn.net/weixin_41686779/article/details/82588593