V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
rizon
V2EX  ›  程序员

求教! 这种前端的目录结构/访问方式 叫做什么来着?什么原理?谁的特性?

  •  
  •   rizon ·
    othorizon · 2019-04-19 12:43:56 +08:00 · 3445 次点击
    这是一个创建于 2070 天前的主题,其中的信息可能已经有所发展或是发生改变。

    我很早以前自己做过一个项目 notelive.cc ,前后端的都是自己开发的。前端用的 webpack。但是我主力是 java 开发。
    这两天想要升级一下增加一个很实用的完全想不到的新功能(升级好后会再发一下贴宣传一下哈,大家多多支持咯~~)。
    但是看着自己写的前端,突然发现自己忘了好多东西。。非常郁闷啊,看着自己写的东西却感觉现在再写一次写不出来的感觉。。。。

    正题:

    页面有种访问方式就是“ http:/server/about ” 就可以打开 about.html 页面。 这是因为在 about 文件夹中放入 index.html,就可以不用输入 index.html 就可以打开。

    1. 这是谁的的特性?
    2. 这种模式有没有名字?叫做什么来着?

    我想查阅一下相关资料,但是都不知道关键词,不知道从哪里下手,重新学习一下。

    去查了一下前端路由,但是和这个应该不是一个东西吧?顺便问一下前端的路由是怎么做到的?比如 VUE 的单页面开发。

    26 条回复    2019-04-19 19:43:59 +08:00
    saberlove
        1
    saberlove  
       2019-04-19 12:47:41 +08:00
    默认文档?
    geelaw
        2
    geelaw  
       2019-04-19 12:49:58 +08:00 via iPhone
    是 Web 服务器的特性,经常使用的还有一 index.htm 、index.asp 、index.aspx、index.php 。

    前端 routing 是指把一部分路径改写为 fragment,由前端在 hashchange 事件中进行处理。
    pianjiao
        3
    pianjiao  
       2019-04-19 12:51:18 +08:00 via Android
    路由嘛
    yuanfnadi
        4
    yuanfnadi  
       2019-04-19 12:52:41 +08:00
    nginx 配置一下就好了。
    zhuziyi
        5
    zhuziyi  
       2019-04-19 12:53:43 +08:00 via iPhone
    缺省值
    airyland
        6
    airyland  
       2019-04-19 12:54:05 +08:00
    服务器支持,关键词如 directory index files / default index page
    Exin
        7
    Exin  
       2019-04-19 12:54:29 +08:00 via iPhone
    http 重定向 /http 代理
    可以在 nginx 这样的 web 服务做,也可以在更后端的地方做
    zealot0630
        8
    zealot0630  
       2019-04-19 13:17:44 +08:00
    slime7
        9
    slime7  
       2019-04-19 13:30:32 +08:00
    ```
    页面有种访问方式就是“ http:/server/about ” 就可以打开 about.html 页面。 这是因为在 about 文件夹中放入 index.html,就可以不用输入 index.html 就可以打开。
    ```
    如果`about`后没没跟`/`那要么是前端路由要么是后端重写了。
    如果`about`后面有`/`那就是你说的这种在 about 文件夹放了 index.html,这个叫默认文档吧。
    caoyouming
        10
    caoyouming  
       2019-04-19 13:34:24 +08:00
    配置默认访问页面???
    way2create
        11
    way2create  
       2019-04-19 13:38:50 +08:00
    服务器配置 ?
    Edwards
        12
    Edwards  
       2019-04-19 13:40:01 +08:00
    重定向?
    triplecheese
        13
    triplecheese  
       2019-04-19 13:43:24 +08:00 via iPhone
    React Router 可以实现,在视频 11 分 50 秒左右,可以看到效果,
    fumichael
        14
    fumichael  
       2019-04-19 13:44:47 +08:00
    服务器可以配置,如:
    nginx 有个 index
    tomcat 有个 welcome-file
    zqx
        15
    zqx  
       2019-04-19 13:46:30 +08:00
    如果你用 nginx 返回 web 静态资源,就在 nginx 配置文件里面设置默认的文档,也可以不叫 index.xx 的
    Biwood
        16
    Biwood  
       2019-04-19 13:53:29 +08:00 via Android
    这完全是服务端的知识点,跟前端没关系,你要查也应该查服务端路由
    ryonanamizu
        17
    ryonanamizu  
       2019-04-19 15:32:34 +08:00
    ???这不就是首页么
    Phariel
        18
    Phariel  
       2019-04-19 15:33:27 +08:00 via iPhone
    路由缺省
    ryonanamizu
        19
    ryonanamizu  
       2019-04-19 15:33:30 +08:00
    曾经前端多页面纯静态的时代,某一目录默认访问的第一个页面。也就是起始页 /首页
    owencodeing
        20
    owencodeing  
       2019-04-19 15:39:38 +08:00
    这个叫 html5 history,了解一下
    jadec0der
        21
    jadec0der  
       2019-04-19 16:07:56 +08:00
    sheeta
        22
    sheeta  
       2019-04-19 17:03:34 +08:00
    vinsony
        23
    vinsony  
       2019-04-19 17:08:56 +08:00
    后端叫 rewrite,当然你这个例子设置默认页也能实现

    或者前端路由+后端 404 直接返回 index.html
    zhyl
        24
    zhyl  
       2019-04-19 19:34:35 +08:00 via Android
    。。。楼主主力 java 用过 tomcat 吧,tomcat 的配置文件 web.xml 里面配置了缺省页。所以这个是服务器容器的功能。

    还有种 vue 路由里可以 redirect,这个就是前端实现了。前端路由有传统的 hash 实现和 h5 的 history 实现。
    alamaya
        25
    alamaya  
       2019-04-19 19:42:33 +08:00
    服务端想给你返回啥都行
    hmxxmh
        26
    hmxxmh  
       2019-04-19 19:43:59 +08:00 via Android
    @slime7 字词
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3290 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 11:56 · PVG 19:56 · LAX 03:56 · JFK 06:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.