zoukankan      html  css  js  c++  java
  • Vue 变成history页面空白路由如何配置

    1.

    const router = new Router({
      mode: 'history',
      routes: [...]
    })
    2.当变成history模式之后,页面就会出现空白,他需要前端和后端进行配合处理 原因是访问路劲有问题,是因为nginx部署的时候,并没有部署到根目录中,而是存放到项目的子目录中
    所以我们要需要在routr.js中添加项目名称
    有两种方法。1。在每个路由的path路径都添加/项目名称/
    或者在路由配置中添加base路径

    const router = new Router({
      mode: 'history',
      base: process.env.BASE_ENV === 'dev' ? '' : '/dirName/', // 两边斜杠要加(PS: 打包生成到其他定制目录的时候要修改) //dirName是指项目名称
      routes: [...]
    })

    2.config/index.js,修改build对象里的assetsPublicPath
    build: {
        ...
        assetsPublicPath: '/dirName/', // 生成后需要放到的目录
        ...
    }
    3.在网页搜索nginx,在nginx中存在nginx.conf,添加一下存在的判断数据;在sever中listen中修改成8080就是端口号;

     

  • 相关阅读:
    缓存服务器
    Consistent Hashing算法-搜索/负载均衡
    MinHash算法-复杂度待整理
    搜索引擎spam
    C语言字节对齐
    关于访问权限的问题
    计蒜客button 概率
    LightOJ
    LightOJ
    LightOJ
  • 原文地址:https://www.cnblogs.com/cyf-1314/p/11983973.html
Copyright © 2011-2022 走看看