vue cli3项目打包部署

因为是自学，打包部署上线这个过程异常艰难，记录一下。
一开始尝试serverless，但npm没显示二维码登录，跳转到网站后又要求AWS账号，执行sls又报错就放弃了。
转到http://free.3v.do/，申请了个100M的空间，传了个Jq写的小页面，成功。把全部vue文件放上去，打开网页后空白。
网上查了得npm run build生成Dist文件，生成后dist-index.html又是空白，F12资源404了。网上解答是VUE CLI3移去了config和build，得自己创建vue.config.js，设置 publicPath: './'，再把原先的mode:"history"给拿掉。也有人说虽然dist下是空白但传到服务器就可以了。没错最后我就是直接把Dist里的文件传上去，输入自己的域名就ok了。
这里学到了dev和生产环境的区别。最后在外网也可以访问自己的网页了，测试功能时又发现了一个巨大的Bug，回去改了再次npm run build然后重传了。有空会总结这个项目再发到博客里。
放个网站：http://cheesenoyume.host3v.vip
虽然很简单，但会慢慢完善~