vue项目打包后 nginx 怎么配置

一直弄的后端，现在前端也开始干了。

vue打包后 部署 碰到了几个问题，比如代理，比如刷新页面失效，

比如静态资源无法访问。

这么说吧  百度出来的  一半可能都是那半桶水写的玩意。浪费很多时间。

我这里贴出来我的nginx配置。

你复制改改就能用。

 

server {
        listen       8888;
        server_name  xxxx;

        root   D:/cccc/xxxx/dist;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            try_files $uri $uri/ @router;
            index  index.html index.htm;
        }
        
        location @router{
            rewrite ^.*$ /index.html last;
        }
        
        location /api/AssetsInfo {
            proxy_pass http://XXX.XXX.XXX.XXX:8888/;
            proxy_set_header Host $host:$server_port;
        }
        

        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
｝