vue部署到nginx非根目录下面,vue cli3.0

先贴nginx配置

#nginx作为服务器需要的配置
    location /miniprogram {
        root   D:/nginx/html/miniprogram;
        index  index.html;
        try_files $uri $uri/ /index.html;
    } 

这段配置就是简单的指向index首页和静态文件所在位置,并且配合vue官方,解决刷新404问题

vue配置

vue.config.js

vue部署到nginx非根目录下面,vue cli3.0

vueRouter配置

vue部署到nginx非根目录下面,vue cli3.0 

注意看base字段,如果非根目录,请增加你对应的项目前缀名称 

注意,现在这个是vueCli3.0以上的vue开发情况,2.0不知道是否适用。

如果要看发布到根目录的

请看我之前发布的博客

https://blog.csdn.net/qq_32858649/article/details/88074435

所有的都是个人亲自操作过,不理解的请回复在本贴下面