linux环境部署vue项目(此处主要为nginx配置nginx安装步骤此处不做详细描述请自行查阅)

1. 打包vue项目生成dist文件夹
   
2. 修改nginx配置文件
   新增如下配置端口号以及文件夹所在位置根据个人情况修改

   server {
           listen 80;
           server_name localhost;
   
           # 默认所有路径
            location /stage-api/ {
                    # 反向代理配置
                    proxy_pass http://localhost:8080/;
           }
   
           location /prod-api/ {
                   proxy_pass http://localhost:8080/;
           }
   
            location / {
                    #打包后文件夹所在位置
                    root   /data/code/earlywarning/ruoyi-ui/dist;
                    #跳转初始化页面
                    index  index.html;
                    #try_files $uri $uri/ @router;
                    #路径配置
                    try_files $uri $uri/ /index.html;
           }
   
       }
   

3. 重启nginx
   到nginx sbin目录下执行如下命令 ./nginx -s reload
   
4. 即可正常访问
   
   总结:如有建议欢迎来提，Thanks!