vue2开发中如何去掉地址栏中的#号

在vue项目的开发中,对于新手的我们,进入项目文件夹后,在文件夹

的如图所示位置:

输入cmd调出dos命令窗口,然后开始输入npm run dev命令运行

如图

(红色部分为项目存放路径)按enter键开始启动node服务器

运行成功,然后可以在浏览器中输入localhost:8080(端口号可以自己设置)访问。

这是我们可以看到地址栏中有个#号,可是在实际访问地址的经验中真的没有见过带#号的;

那么我们应该如何去掉地址栏中的#号,使我们的url看起来是一个正常的url;很简单按照如下设置:

let router = VueRouter({

mode:‘history‘,

routes:routes

});

对的,你没有看错,只是mode: ‘history‘这个属性,就可以实现了。是不是很简单~~~~~~

时间: 2024-08-05 07:06:24

vue2开发中如何去掉地址栏中的#号的相关文章

去掉地址栏中的jsessionid

原来我在index.jsp中的编码是 <c:redirect url="/sys/login.shtm"/> 结果每次第一次登录都会在地址栏上出现了jsessionid问题 这个是由jstl的c:redirect标签生成的,当检查不到cookie的时候自动使用url重写来实现session的管理. 将其改为下面这句话就可以轻松去掉jsessionid的问题 <% response.sendRedirect("/sys/login.shtm"); %

R中,去掉dataframe中的NA行

R中使用complete.cases 和 na.omit来去掉包含NA的行 现在有个一data.frame  datafile如下所示 Date        sulfate nitrate ID 1 2015-1-1 NA NA  1 2 2015-1-2  2 6  1 3 2015-1-3  NA 3  1 4 2015-1-4  4 NA  1 5 2015-1-5  NA NA  NA 6 2015-1-6  5 7  1 去掉所有包含NA的行, datafile[complete.c

获取当前 IE 地址栏中的 URL

分 IE7 及 IE6 这两种情况 . 在 IE6 中这样获取地址栏中的 URL, 其中 strAdd 即为所求: HWND hIE = NULL; HWND hWorker = NULL; HWND hBar = NULL; HWND hComboBox = NULL; TCHAR szAddr[MAX_PATH] = { 0 }; hIE = ::FindWindow(_T("IEFrame"), NULL); if (hIE) { hWorker = ::FindWindowEx

Java Web开发 - 将浏览器地址栏中的 Request 参数显示成中文

希望实现:在当 JSP 页面发起请求,或者 Servlet 跳转时,地址栏中的参数可以显示成中文. 在通常情况下,浏览器地址栏中的URL地址为了适配不同的浏览器,会将URL地址信息转码为"ISO 8859-1",中文参数就会被转码. 但是现在我们希望在浏览器地址栏中显示中文参数,可以使用如下办法: String url = "http://localhost:8080/test.jsp?notice=" + java.net.URLEncoder.encode(&q

使用wordpress搭建的网站去掉域名中的wordpress

我们搭建好的网站当以文件夹的形式把wordpress程序放在空间的根目录时,访问的时候要加上文件夹名,访问地址就是:http://www.xxx.com/wordpress,直接用域名是无法访问,解决办法: 1.首先把程序里(在"/var/www/html/wordpress"中)的"index.php"复制一份到网站的根目录(/var/www/html),然后打开,默认的格式如下: require( dirname( __FILE__ ) . '/wp-blog-

JavaScript中字符串去掉特殊字符和转义字符

最近游戏的基本功能都已经开发完成了,再弄登录注册这一块时,用户名需要去掉字符串中的特殊字符和转义字符,代码如下: <pre name="code" class="javascript">/*** * 去掉字符串中的特殊字符 */ var excludeSpecial = function(s) { // 去掉转义字符 s = s.replace(/[\'\"\\\/\b\f\n\r\t]/g, ''); // 去掉特殊字符 s = s.repl

nginx去掉url中的index.php

使用情境:我想输入www.abc.com/a/1后,跳转到www.abc.com/index.php/a/1 配置Nginx.conf在你的虚拟主机下添加:  location / {      if (!-e $request_filename){           rewrite ^/(.*)$ /index.php/$1 last;      } } 如果你的项目入口文件在一个子目录内,则: location /目录/ {      if (!-e $request_filename){

在浏览器的地址栏中输入url后发生了什么

这是一个非常有意思的事情,通过这个我们可以更好地理解http请求. 在浏览器的地址栏中输入url后会经历下面的步骤: 第一步:进行域名解析--- 浏览器搜索自身的DNS缓存,如果有缓存,再看有没有过期,如果没过期,就是用这个ip,如果过期,这个过程就结束了. 注:查看谷歌浏览器的dns缓存的方法--在地址栏中输入chrome://net-internals/#dns 这样就可以看到自己的浏览器中的dns缓存. 第二步:如果浏览器没有搜索到自身的dns缓存或者是自身的dns缓存已经失效,那么它就会

用正则去掉数组中重复的元素

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> //去掉数组中重复的元素 //此题最主要就是对数组进行排序拼接,在进行replace的替换,在进行分割,将其return到外部 //随机生成随机数压入空数组arr中 for(var i=0,arr