vue项目部署到niginx的简单配置

vue项目部署到niginx简单配置

将vue打包后的文件放到niginx的文件夹下

访问localhost:8080

    server {
        listen       8080;
        server_name  127.0.0.1;

        location / { // 项目地址可以多个如 /vue1   /vue2
            root   html;
            index  index.html index.htm; 
            try_files $uri $uri/ /index.html; // 解决单页应用部署后路径访问页面404问题，如果是hash路由则不需要这一行
        }

        location /api{
            proxy_pass   http://192.168.20.161:9812; // 后端请求地址代理
        }

    }