vue刷新页面404

前言

vue-router默认使用的是hash模式，但是这样在访问页面的时候路径会带#，所以我就把hash改成了history，这样访问不带路径了，但是会出现刷新会报404。

错误原因

• 这是由于我配置了代理，代理了所有路径
  • devServer: { open: true, port: 8088, proxy: { '/': { target: 'http://localhost:8081', changeOrigin: true, pathRewrite: { '^/': '/' } } }, },
    这段代码的意思是将所有请求都转发到localhost:8081;配置history后他将会请求转发到后台，所以报404
• 所以解决的时候只需要把需要代理的路径和前端路径区分开就好
  • 我是把所有后端的请求都带上/api,这样解决了问题