VUE打包后代理失效的问题,刷新变404问题

注意原因, nginx设置代理

server {
    listen       443;
    server_name  dev.ding.cn;
    root   "/opt/deploy/dev-web/dist";
 
    ssl on;
    ssl_certificate /etc/nginx/cert/dev.ding.cn.pem;
    ssl_certificate_key /etc/nginx/cert/dev.ding.cn.key;    
    ssl_session_timeout 5m;
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_ciphers ALL:!ADH:!EXPORT56:RC4+RSA:+HIGH:+MEDIUM:+LOW:+SSLv2:+EXP;
    ssl_prefer_server_ciphers on;
 
    access_log /var/log/nginx/dev.ding.cn.access.log;
    error_log /var/log/nginx/dev.ding.cn.error.log;
 
    # 设置所有网站都可以跨域ajax访问接口
    add_header 'Access-Control-Allow-Origin' '*';
    add_header 'Access-Control-Allow-Headers' 'Origin, X-Requested-With, Content-Type, Accept, Authorization';
 
    location / {
        index  index.html index.htm index.php;
        #autoindex  on;
        # 解决刷新页面变成404问题的代码
        try_files $uri $uri/ /index.html;
    }
	
     # 设置接口的代理
    location /api {
        proxy_pass https://dev-api.ding.cn/api;
    }
}