美文网首页
vue.js的链接去掉 #

vue.js的链接去掉 #

作者: __Nancy | 来源:发表于2020-05-08 15:27 被阅读0次
  1. 在路由定义的脚本里添加mode: 'history'
const router = new VueRouter({
 mode: 'history',
 routes: [...]
})

2.以上步骤还不够,因为页面刷新会出现404错误,还需要配置服务器
Apache

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

nginx

location / {
  try_files $uri $uri/ /index.html;
}

如果帮组到您,请举小手手赞一下,笔芯 ❤❤❤

相关文章

  • vue.js的链接去掉 #

    vue.js的项目的访问链接如何去掉 # 呢?步骤如下:1. 在路由定义的脚本里添加mode: 'history'...

  • vue.js的链接去掉 #

    vue.js的项目的访问链接如何去掉 # 呢? 步骤如下: 1. 在路由定义的脚本里添加mode: 'histor...

  • vue.js的链接去掉 #

    在路由定义的脚本里添加mode: 'history' 2.以上步骤还不够,因为页面刷新会出现404错误,还需要配置...

  • 加载网页的时候去掉网页广告等

    转发-去掉广告链接 参考链接-去掉webView中的广告

  • 前端小白学习Vue.js心得分享

    一。Vue.js 链接引入 vue.js下载安装地址 https://vuejs.org。 CDN链接建议手动更新...

  • 2019-06-15

    Node.js、Vue.js 运行环境搭建记录 参考链接:Vue.js 运行环境搭建详解(基于windows的手把...

  • 去掉vue.js中的Eslint

    eslint是语法检查工具,但限制太过于严格,大部分开发人员无法适应,所以产生这个需求如果不符合规范就会报错,有时...

  • VUE基础知识入门

    VUE基础知识入门 VUE官方文档教程链接:VUE 1.什么是Vue.js Vue.js(读音 /vjuː/, 类...

  • 17个流行的 Vue 插件

    原文链接 :17 Most popular Vue.js plugins & packages[https://t...

  • Vue.js,学习心得(一)

    学习心得,需要vue.js的链接的直接上地址了:https://vuejs.org/js/vue.js 直接上代码了

网友评论

      本文标题:vue.js的链接去掉 #

      本文链接:https://www.haomeiwen.com/subject/sdvfnhtx.html