将前端代码部署到阿里云服务器上

1. 用xshell远程连接服务器。
2. 安装nginx。
3. 配置nginx.conf，可以实现反向代理。
4. 对前端项目进行打包，将打包后的项目放到nginx中，我的是在/usr/share/nginx/html，注意拷贝的是dist下的文件。否则启动nginx后会看到默认的centos7或nginx的欢迎页。
5. systemctl restart nginx启动nginx
6. 访问项目

下面详细说一下步骤3对反向代理的配置：

server {
    listen       80;
    listen       [::]:80;
    server_name  _;
    root         /usr/share/nginx/html; 这里配置前端的放置路径
    include /etc/nginx/default.d/*.conf;
   
    location /a {
        proxy_pass http://api.vikingship.xyz/api;
    }
}

配置location非常重要，location紧随其后的/a用于识别是否走nginx代理，如项目中的ip是 127.0.0.1/a/user,那么根据代理策略，首先识别到/a,将/a(包括它本身）之前的全部替换成proxy_pass，结果为api.vikingship.xyz/api/user 这里需要注意如果是

  location /a/ {
            proxy_pass http://api.vikingship.xyz/api;
        }

那么就会把 127.0.0.1/a/user替换成 api.vikingship.xyz/apiuser。 导致404错误。