问答

vue history模式下进入到index.html 404

作者:admin 2021-05-07 我要评论

访问页面 http://xxx/xxx/index可以正常访问 但是访问 http://xxx/xxx/index.html 就会跳到404 这个是怎么回事啊 :可不可以访问index.html也能进到首页 ### 首先...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

访问页面http://xxx/xxx/index可以正常访问
但是访问http://xxx/xxx/index.html 就会跳到404
这个是怎么回事啊

:可不可以访问index.html也能进到首页

###

首先,你的项目是vue的
那么,index和index.html分别代表的不同路由,一个对一个错当然是正常的

想要index.html也能访问的话你可以把router内添加对应的页面映射就行了,也就是说index和index.html指向同一component

###

服务器要配置,404 访问指向 index.html。如果是 nginx,用 try_files 即可:

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

首先需要说明的是,vue项目打包之后实际上生成的是单页面项目,顾名思义里面只有一个html文件。是为了减少静态文件的请求,减少服务器压力。
以往要加.html实际上是在服务器上面找到html文件并返回到客户端。
但是在vue项目当中不需要这么做,是根据路由的名字进行页面的切换的。根据router文件当中的path进行匹配来跳转的。
所以你要是想要index.html跳转效果和index一样,就得加个配置,path为index.html,重定向到index
如下例

    { path: "/index.html", redirect: { name: "index" } },
    {
      path: "/index",
      name: "index",
      component: () => import("@/views/index")
    },

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue history模式下进入到index.html 40

    vue history模式下进入到index.html 40

  • react-native 如何查看手机可用运存、

    react-native 如何查看手机可用运存、

  • mac用brew启动nginx无效

    mac用brew启动nginx无效

  • 可以用@RequestBody接收GET请求吗?

    可以用@RequestBody接收GET请求吗?

腾讯云代理商
海外云服务器