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

vueRouter配置

 

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

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

如果要看发布到根目录的

请看我之前发布的博客

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

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