Vue打包为一个index.html (没有去请求API接口的功能)请问是一个静态的网站吗?

作者站长头像
站长
· 阅读数 10

Vue打包为一个index.html (没有去请求API接口的功能)请问是一个静态的网站吗?如果是,那么路由(分为history路由和#路由两种)是怎么实现的呢?如果不是,那么是否需要类似node.js进行计算分发对吗?

回复
1个回答
avatar
test
2024-07-15

所有的前端部分打包之后都是静态页面,只不过数据交互是通过 Ajax

只是这个 静态,并没有实际的内容部分,index.html 的内容部分也就只有一个 <div id="app"></div> 而已,所以并不会被搜索引擎收录内容进去。

路由部分如果你是 hash 路由方式,也就是你提到的 # 方式,那么就可以不借助 Nginx 就可以直接双击依靠 file 协议运行。

如果是 history 方式路由,那么就需要 Nginx 这样的 HTTP 服务去帮你做一个 回退路由。在 Nginx 当中就是 try_files 配置项,具体可以看这里 服务器配置示例 | Vue Router

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容