浅谈vue项目,访问路径#号的问题
作者：快乐的小三菊 发布时间：2024-05-29 22:46:08
标签：vue,路径,#号
刚入手vue，有好多的疑问，目前遇到的是vue项目启动之后，输入http://ip:port，我发现浏览器里面显示的地址栏竟然是http://ip:port/#/，这个”/#/“不知道是什么东西，于是百度查了一下。
原因：对于vue开发的单页面应用，我们在切换不同的页面的时候，可以发现html永远只有一个，这也正是称之为单页面的原因。而vue-router默认hash模式--------使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。因为对于正常的页面来说，更换url一定是会导致页面更换的，而只有更换url中的查询字符串和hash值的时候才不会重新加载页面。
如果不想要#，可以使用路由的history模式，这种模式充分利用了history.pushState API来完成URL的跳转而不需要重新加载页面，使用这种模式之后，就没有#了，而是可以像使用正常的url进行访问了。
const router = new VueRouter({
mode: 'history',
routes: [...]
})
补充知识：vue运行同时被localhost和ip地址访问
在index.js文件下修改host内容，localhost改为本机ip
host: '192.168.X.XX',// can be overwritten by process.env.HOST
port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: true,
errorOverlay: true,
notifyOnErrors: true,
poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
在package.json文件中dev内容后面加–host0.0.0.0
来源：https://blog.csdn.net/xhf852963/article/details/105202330/
0
投稿猜你喜欢
- python将a.txt的内容复制到b.txt 中# 1. 用r方式打开a.txtf = open("a.txt",&q
- 本文实例为大家分享了python保存网页图片到本地的具体代码，供大家参考，具体内容如下#!/usr/bin/env Python#codin
- 这篇文章主要介绍了基于python实现蓝牙通信代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋
mysql中写判断语句的方法：方法一.CASE函数case函数语法：CASE conditionWHEN value1 THEN retur- import timenow_time = time.time()print(now_time)结果是1594
- 本文介绍了vue下history模式刷新后404错误解决方法，分享给大家，具体如下：官方说明文档：https://router.vuejs.
- 本文实例为大家分享了python实现单线程多任务非阻塞TCP服务端的具体代码，供大家参考，具体内容如下# coding:utf-8from
- 目录1、正则表达式1.1 正则表达式字符串1.1.1 元字符1.1.2 字符转义1.1.3 开始与结束字符1.2 字符类1.2.1 定义字符
- 在python中常看到在定义函数是使用@func. 这就是装饰器, 装饰器是把一个函数作为参数的函数,常常用于扩展已有函数,即不改变当前函数
- 前言django 的 admin 是个非常方便的admin portal,可以根据自己的需要重写.在使用Django自带的admin后台的时
- 最近，就“尊重”一词，个人小有感概。也许跟我说“尊重”一词的同事并不是这么想的，但我反思了一下自己，作为一名设计师，确实存在这些疑问（不足之
- 1. Redo日志的介绍Redo日志是物理日志，记录的是页面的变化。1.1 Redo日志的作用提升数据库写入效率保证数据库不丢数据，进行数据
- 什么是触发器？触发器是在对表进行插入、更新或删除操作时自动执行的存储过程。 触发器对表进行插入、更新、删除的时候会自动执行的特殊存储过程。触
- 如下所示：# 选取等于某些值的行记录 用 == df.loc[df['column_name'] == some_value
- 前言有的时候我们需要根据不同的用户身份生成不同的路由规则，例如：vip用户应该有自己的vip页面所对应的专用路由。一、初始化项目初始化vit
- 最近接了个项目，其中有需求是要实现摇一摇红包功能，在网上搜了好久，都没有找到源码，没办法，只有自动写了，下面小编把我的劳动成果分享给大家供大
- slice 可以用来获取数组片段，它返回新数组，不会修改原数组。除了正常用法，slice 经常用来将 array-like 对象转换为 tr
- 今天的这篇文章呢，小编来介绍一下如何通过Python来创建各种形式的文件，这里包括了文本文件CSV文件Excel文件压缩文件XML文件JSO
- 正则表达式正则表达式是一种强大的字符串操作工具。它是一种领域特定语言 (DSL)，不管是 Python 还是在大多数现代编程语言中都是作为库
- 前言实现一个帧动画，使用的一个图，根据不同的时间显示不同的图。使用的就是如下所示的一张图，宽度780 * 300 ，使用加载图片 260 *
