Vue路由History模式打包后页面空白

# 打包配置 config-index.js 修改路径：

 

assetsPublicPath: './';  
# 前端路由配置 router.js:

const router = new VueRouter({
    mode: 'history',
    base: '/hello',
    routes
})

这里一定要一个加一个base;与项目子级目录名同步  
nginx 配置：

 location /hello {
            root   C:/web/static;
             index  index.html index.htm;
             #error_page 404 /history/index.html;
                 if (!-e $request_filename) {
                     rewrite ^/(.*) /history/index.html last;
                     break;
                 }
            }

　以上只是针对项目放在子级目录的情况，刷新404的问题待解决

标签：index,Vue,js,html,子级,base,History,路由,history
来源： https://www.cnblogs.com/lan-cheng/p/12127620.html