前端部署

1.将项目前端打包，形成静态文件。

npm run build

在打包的过程中，不能报错，如果报错在你本地的项目中找错，或者你之前已经打包，在修改本地的项目后又重新打包报错，可以选在删除之前已经打包好的。再重新打包。

打包完成后会在项目中生成一个叫dist文件夹  上传里面的文件到服务器中（可自行选择存放位置）

注意相对路径的引用，把<a>标签和跳转路由修改成vue.js支持的语法,例如<router-link>。

2.nginx配置

部署前端代码用的Xshell。登录服务器，安装nginx,找到conf/nginx.conf文件

server {
    listen       80;
    server_name  localhost;

   location / {
    root /usr/local/xxx/dist;
    index index.html index.htm;
   }
    
   location /api/ {
    rewrite ^/api^/ /$1 break;
    proxy_pass http://127.0.0.1:8080/;
   }
   #error_page 404 /404.html;
}
//listen配置监听端口,location前端打包文件位置，location /api/监听访问/api/时，重定向接口请求地
修改完后重启 nginx ：nginx -s reload