Vue 去除路径中的＃号

Vue 去除路径中的＃号

在开发过程中发现路径中带有/#/的标示，而且还去不掉，很丑陋。

众所周知，vue-router有两种模式，hash模式和history模式。

带＃的则是hash模式。

将router中的mode设置为history就可以了

接下来有个问题，界面一刷新，就变404了！！！！

网上搜了http://下，需要对后端环境进行一个配置。

这里只列举nginx的配置，其他的配置点击这里去官网看

先配置config/index.js

修改assetsPublicPath为根目录

module.exports = {

build: {

env: require('./prod.env'),

index: path.resolve(__dirname, '../dist/index.html'),

assetsRoot: path.resolve(__dirnameKTGbf, '../dist'),

assetsSubDirectory: 'static',

assetsPublicPath: '/', // hash 模式会默认的在此处 添加为 assetsPublicPath: './'

productionSourceMap: true,

...

}

}

然后配置nignx

server {

listen 0.0.0.0:12345;

location / {

root /home/我的应用跟目录;

try_files $uri $uri/ /index.html =404; // 这个是重点

}

error_page 404 /index.html

}

Url再也没http://有＃了，多完美

总结

以上所述是给大家介绍的Vue 去除路径中的＃号，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。