想要的效果，通過https://域名/kmf/+路徑訪問我想的SPA頁(yè)面,言外之意，我們URL根目錄是在kmf下面

前端配置

第一步：配置router

export default new Router({
  mode: 'history',  // 將模式轉(zhuǎn)換成history
  base: '/kmf/',  配置路由的根目錄
})

第二步：配置webpack中config的index.js

build: {
    ···
    assetsRoot: path.resolve(__dirname, '../dist/kmf'), // 將靜態(tài)文件通過npm run build不存到dist的lmf文件夾中
    assetsSubDirectory: 'static',
    assetsPublicPath: '/kmf/', // 所有的文件從根目錄下的kmf中獲取，達(dá)到本分享的主題"非根目錄，前后端怎樣配置文件"
    ···
}

后端nginx部署

nginx中如何部署不在贅述，如需了解，請(qǐng)參考本人之前寫的Mac下nginx部署以及linux下安裝nginx以及部署web頁(yè)面

在nginx部署中添加反向代理

location / {
  try_files $uri $uri/ /index.html;
}

完整的

server{
        listen 9102;
        server_name zackxizi.com;
        root /Users/zhangxi/work/maintenance/maintenance-info/dist;
        index index.html;
        location / {
                try_files $uri $uri/ /index.html;
        }
}