vue-cli生成项目地址去掉#号

最新推荐文章于 2021-08-09 16:17:24 发布
最新推荐文章于 2021-08-09 16:17:24 发布
阅读量6.4k 收藏 1
点赞数 2
分类专栏： vue 文章标签： `mode: 'history 去掉#号 vue# vue-cli项目编程history模式 hash模式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43195512/article/details/102860112
版权

vue的路由在默认的hash模式下,url会带有一个#
去掉的话加上mode: 'history', 板成history模式就可以了
在这里插入图片描述
如果改变之后样式出现问题可以把./换成/

修改前：
<link rel="stylesheet" href="./static/css/base.css">
修改后：
<link rel="stylesheet" href="/static/css/base.css">
vue里面怎么删除部分页面_如何去除vue项目中的 # --- History模式
weixin_39784972的博客
12-19 522
使用vue-cli搭建的环境，在配置好路由之后，可以看到下面的情况：但是不难发现#的出现真的很丑陋，并且也不知道这是什么作用？所以就去Stack Overflow上搜索了，果然还有~ 看来Stack Overflow是真的强大，你在项目中遇到的问题实际上在so上都已经被问过并且解决了，这不：这是最高票的回答，即在vue2中将mode模式设置为history，试过之后确实奏效！但是知道这样可以解决...
VUE : vue-cli中去掉路由中的井号#操作
10-14
主要介绍了VUE : vue-cli中去掉路由中的井号#操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue-cli 项目url地址取消#
baidu_23263735的博客
09-11 667
在路由文件中修改index.js 设置mode export default new Router({ mode:'history', //新添加的一行 routes: [ { path: '/', name: 'HelloWorld', component: HelloWorld } ] }) ...
解决vue 打包发布去掉#和页面空白的问题
godming的博客
11-06 1448
1.vue项目中config文件下index.js中打包配置 build: { // Template for index.html index: path.resolve(__dirname, '../yjm/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../yjm'), assetsSubDirector...
vue 项目如何去掉url中的#号
qq_34530690的博客
08-09 1303
1.修改router=>index.js中的尾部生成路由的配置 mode:'history' 2.在开发中环境中你会发现一切正常，但是在生产环境，一刷新会出现404的错误，如果你是在本机运行，则修改路由配置即可，这里以phpstduy_pro为例：路由规则修改为: location / { try_files $uri $uri/ /index.html; } 3.在生产环境中，Ngnix配置我们可以这样配置： location / { try_files $uri $ur...
VUE : vue-cli中如何去掉路由中的井号#
webEvelement的博客
09-26 1万+
vue-cli项目中，如果想去掉url地址栏中的“#”我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。只需要在路由表中，加入一行代码即可。 ...
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
12-10
在现代前端开发中，Vue CLI 是一个非常流行的脚手架工具，它可以帮助开发者快速搭建 Vue.js 项目。然而，在实际的项目部署过程中，经常会遇到一些需要动态配置的问题，比如服务器接口地址、环境变量等。本篇文章将...
Vue-cli打包后部署到子目录下的路径问题说明
10-14
首先，当 Vue CLI 打包应用时，默认会生成一个静态资源文件夹，通常命名为 `dist`，这个文件夹内的内容需要被部署到服务器的根目录。然而，如果应用需要部署在服务器的某个子目录下，例如 `...
vue-cli 关闭热更新操作
01-18
vue 手脚架在使用过程中，更改代码会自动更新页面，非常的方便，但是有些情况向关闭掉这热更新功能，我使用的是vue-admin-template模板来开发的，所以更改也是基于这个模板的。 在build文件夹下有个webpack.dev.conf...
解决使用vue-cli生成项目后项目地址自动添加#号的问题
weixin_33832340的博客
11-22 659
vue-router官网https://router.vuejs.org/zh/guide/ vue的路由在默认的hash模式下,url会带有一个#,不美观,而且在微信分享,授权登录等都会有一些坑.所以history模式（不带#号）也会有一些应用场景. 将路由配置成history模式，代码如下： export default new Router({ mode: 'histor...
react配置路由的时候地址栏的井号（#）去除方法，新方法。
high_height的博客
01-03 6286
今天在搭建框架的时候使用了router之后，地址栏的#号很碍眼，查了资料后发现react-router的新版本不能直接import browserHistory方法去解决这个井号，找到了这个方法： 把history的改为这个就ok的了，很简单，做一次记录。 ...
vue地址去掉 #
热门推荐
前端很忙
10-19 3万+
vue去掉#，vue地址#，vue路由#
Vue-cli3 使用history模式（去掉#）
高先生的猫
06-13 4026
1、在router中设置 VUE_APP_SRC='/xxx' mode: "history", base: process.env.VUE_APP_SRC, process.env.VUE_APP_SRC为线上环境的某个路径,一个域名对应多个vue.js工程必须要用 2、vue.config.js 设置publicPath module.exports = { // 默认'/'，部署应用包时的基本 URL history 本地使用默认值 '/' //注：在本地一定要用 '/'，否
vue路径中去除#
lpfasd123的博客
07-16 8927
vue使用vue-router时，路径中会有#的字段，是应为打包完成之后，项目为单页面项目，所有的url都指向单个页面，#号之后的路径是指该页面的锚定位置，所以router中的路径是无法加载的。若想去除#，就需要使用router的history模式， 且在服务器端进行配置 import Vue from 'vue' import Router from '...
Vue项目启动后首页URL带的#该怎么去掉?
Quincy.Coder的博客
01-28 1万+
看这，看这，看这： https://www.zhihu.com/question/56793253
VUE路由去掉“#”
前端菜鸟
11-20 2万+
如果不想要很丑的 hash（地址栏去掉“#”），我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。const router = new VueRouter({ mode: 'history', routes: [...] })
vue路由上的#/怎么去掉_如何去掉vue路由中的#
weixin_39830588的博客
12-19 1600
通过脚手架vue-cli构建的项目，在项目启动后，URL地址上都会带有#，如：http://localhost:8080/#/father原因：这是因为vue-router默认hash模式，使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。因为对于正常的页面来说，更换url一定是会导致页面的更换的， 而只有更换url中的查询字符串和hash值得时候...
去除vue路由跳转地址栏后的哈希值#
oceanheavenweb的博客
11-02 1万+
去除vue路由跳转地址栏后的哈希值#，我们只需要在路由跳转的管理文件router目录下的index.js中加上一句代码即可去掉哈希值# import Vue from 'vue' //1.引入vue-router import Router from 'vue-router' import find from '../components/find' import mall from
vue-cli4版本 url去#号 tomcat部署
Midnitehy的博客
04-06 226
vue-cli4版本 url去#号 tomcat部署 最近公司网站需要去#号， 但放到线上服务器会报404。网上找了一圈都是老版本的解决方式。以下是4.5.0版本的解决方式： 1、修改router和vue.config.js配置 const router = new VueRouter({ mode: 'history', // history模式 base: '/dist/', // 页面都在dist文件夹下 routes }) module.exports = { publicP
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值