注: 以下ant design 都是指ant design for vue

1. ant design 打包后部署到nginx下刷新 会报404

在使用nginx 部署ant design 项目时，可能会出现刷新url显示404的问题，这是由于nginx的配置文件的原因，

1、如果是在根目录则配置如下

server {
    listen 80;
    root /usr/share/nginx/html;
    location / {
        try_files $uri $uri/ /index.html;
    }
}

2、如果是在特定的目录则配置如下

server {
    listen 80;
    root /usr/share/nginx/html;
    location /xxx/xxx {
        try_files $uri $uri/ /xxx/xxx/index.html;
    }
}

原文链接：https://blog.csdn.net/a496401006/article/details/95065112

2. nginx跨域配置

vi /usr/local/etc/nginx/nginx.conf
server {
        listen  8888;
        server_name  localhost;
        location / {
            root   ../../; // 文件index.html所在的文件夹（相对路径）
            index  index.html index.htm;
            try_files $uri $uri/ /index.html =404; // 在History模式下必配置的。
        }
        location /apis/ { // 替代接口的字符串，在项目使用的。
            rewrite  ^.+apis/?(.*)$ /$1 break;
            include  uwsgi_params;
            proxy_pass   http://***.***.***.***:****;// 代理的接口地址
       }
}

参考文章:
https://www.jianshu.com/p/4d2c20c257cf
https://segmentfault.com/a/1190000011145364

3.我的ant design项目 nginx相关配置操作

• nginx的安装

brew install nginx

• nginx的启动

/usr/local/Cellar/nginx/1.17.3_1/bin/nginx -c /usr/local/etc/nginx/nginx.conf
// 1.17.3_1 是版本号

• 杀死服务 => 每次重新启动nginx需要把运行的线程杀死

ps -ef|grep nginx
// 杀死除了grep之外的服务，再重启
kill -9 1088
kill -9 1089

• nginx编辑conf文件

vi /usr/local/etc/nginx/nginx.conf
server {
  listen       9000;
  server_name  127.0.0.1;
  charset utf-8;
  location / {
    root /opt/crcc-front;
    index index.html;
  }
  location /api {
    add_header 'Access-Control-Allow-Origin' '*';
    proxy_pass http://dev.***.com; //服务器那边已经配置了转向，这边就不用 rewrite "^/api/(.*)$"  /$1 break;
  }
  location /j_spring_security_check {
    add_header 'Access-Control-Allow-Origin' '*';
    include  uwsgi_params; //刷新404问题解决
    proxy_pass http://dev.weschoolx.com;
  }
}