问题原因:
Vue 的 router 默认是 hash 模式,在 hash 模式下,是会有#号在URL上;
例如如你访问: https://www.baidu.com,实际跳转 https://www.baidu.com/#/index
即它在路由时,在每个路径前面都会带个#,刷新时可能还会导致 404
问题解决:
一、修改路由模式;
修改Vue配置的路由方式
在 router 的 index.js 页面内,mode 默认是 hash,修改为 history
二、需要后端或运维技术人员帮忙修改;
修改NGINX配置文件
增加:try_files $uri $uri/ /index.html;
注意:需要找到对应域名的nginx.comf来修改,一般在 nginx/conf/vhosts 里面;如果没有的话,需要在 nginx/conf/nginx.conf 里面增加一个server
配置号 Nginx 后,重启即可!
此时再打开链接,即无 #号 访问了。