初学Vue

两种工作模式

1.1历史模式

功能:浏览器导航栏:/xxx/xxx/xxx/xxx...
缺点：兼容性较差
一点儿:一点儿更明显,更持久
设置:设置路由器mode:‘history‘显示打开历史模式

通常,当一个项目被部署到服务器时,它会遇到404错误,因为浏览器地址栏的内容被查看以创建服务器拥有的资源,浏览器将寻找服务器中那些资源,如果找不到,那么它会报告404错误,解决办法是把它交给后端。
后端怎么做？==>如果服务器是node.js写的，那么可以在服务器中使用一个中间件connect-history-api-fallback，具体使用如下：
在服务器端口安装:npm install --save connect-history-api-fallback
引入中间件：var history = require('connect-history-api-fallback');
应用中间件：const app = express();app.use(histroy())

1.2哈希模式

功能:浏览器导航栏:/xxx/xxx/#/xxx/xxx
优点: # 和后面的路径是 Hash 值 、 更好的兼容性
缺点: #在路径中停留,难以承受;如果地址要通过第三方移动应用程序共享,如果应用程序严格校准,地址可能被非法标记。
设置:设置路由器mode:’hash‘显示打开的 Hash 模式

通常 # 和后面的内容不会被视作资源,浏览器也不会为这些东西寻找服务器。

本文由 在线网速测试 整理编辑，转载请注明出处，原文链接：https://www.wangsu123.cn/news/27724.html。