vue2 history路由 配置

路由配置

const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL, //如果被挂载到二级目录的话，项目要求访问时均在域名的/class/路径下访问
    routes
})

vue.config.js 配置

const BASE_URL = process.env.NODE_ENV === "production" ? "/" : "/";

确保正式环境下路径地址也是 “/”, 否则会报 token < 的错误

如果遇到网站被挂载到二级目录底下的话，需要正式环境的路径前缀改成二级目录的名字

publichPath: 由于项目部署的都是位于服务器的二级目录/class, 所以除本地开发以外，打包后的公共资源访问路径都添加二级目录/class

const BASE_URL = process.env.NODE_ENV === "production" ? "/class/" : "/";

public 文件夹下的index.html 文件中的手动引用资源确保前缀不要有 “./"

正确示例：

  <script src="/config.js"></script>

错误示例：

  <script src="./config.js"></script>

还有需要nginx配置页面重定向回index.html 不重定向的话，会导致404 资源找不到的报错

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