vue打包上传服务器的总结笔记

经历了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

上传服务器

第三步

好像没有第三步