nginx 部署vue 项目

在vue 项目中修改上边三个文件

 

在nginx 中做以上配置

     location /dmc {
           #rewrite .* /dmc/index.html break;
             root   /usr/local/nginx/html; #编译vue 出来的文件放置的地方
            index  index.html index.htm;
            try_files  $uri  $uri/ @dmc_router;#这一步之前已经能访问了，此处解决了刷新浏览器vue项目出现404得问题
        }
        location @dmc_router {
           rewrite ^.*$ /dmc/index.html last;
        }
输入网址   http://******/dmc/  就能访问了

此处配置踩了很多坑，最后是查看nginx  acces.log 和 error.log 查出来的问题出在哪 并且解决的，此篇做个记录

nginx 配置还有两种方法一个是 vue 项目不改上面三张图的东西，是nginx 另外开一个端口 比如8083放置vue 项目，完成后访问http://*******:8083 也可以访问到，另外一个方法是 还是在80端口 修改server_name 不同也可以访问到