经历了3个小时教训,还是自己总结一下吧,致未来傻x的自己。
第一步,打开b站。搜索【vue打包】找到一个视频教程
前端Vue项目打包部署实战教程_哔哩哔哩_bilibili
这步是在看不懂下面操作的情况下用的
第一步:找到nginx的配置文件
然后在里面添加这个
server {listen 9000; #端口server_name localhost;location / {root /yjdata/www/admin/dist/; # 网站的静态资源目录,css,js,image文件等index index.html; # 网站首页}}
端口和静态文件路径改成自己的路径。
然后,重启nginx
第二步打包Vue项目
使用vue打包命令,生成dist文件夹:
npm run build
上传服务器
第三步
好像没有第三步