7. nginx 在vue history 模式下的配置

如下图所示，dist文件为vue打包完后的文件夹

nginx 配置如下

使用 try_files $uri $uri/ /index.html;使所有请求都指向index.html

   server {
        listen       8000;
        server_name  localhost;
        
        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   dist;
            try_files $uri $uri/ /index.html;
        }
    # others code
}

在浏览器访问8000端口即可；