关于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服务器上的静态资源下就可以通过公网查看^^^项目了