vue部署到nginx服务器后，访问页面出现404

我的设置：

在vue3中编译代码前需要在vue.config.js配置根路径，这样便可以正常页面。

例如，要访问的地址为http://www.test.com/myapp,需要配置

module.exports = {
  publicPath: "/myapp/",
  outputDir: 'dist',// 编译后文件目录
};

将编译后的文件夹dist上传到服务器的nginx/html/myapp目录下，

出现问题：

当访问到http://www.test.com/myapp/login会导致页面404

解决办法:

• 1.配置nginx.conf

   try_files $uri /oauth/index.html;

• try_files检索文件是否存在，先检查$uri,如果不存在对应的文件则转到/oauth/index.html目录下
• $uri是nginx内置命令，如果访问http://www.test.com/myapp/login，则$uri='/myapp/login'

副作用：
配置后会导致nginx内部的404.html，需要在vue.comfig.js中自己配置``{path: ‘*’}

const router = new VueRouter({
  routes: [
  	// * 表示所有路径，注意这个配置要放在最下面
    { path: '*', component: NotFund }
  ]
})

参考文献：

• HTML5 History 模式
• vue-如何处理404路由