vue-router的mode设置为history时 本地页面刷新proxy报错

给proxy代理接口，设一个比较特别的前缀 如api；区分一下前端页面 和 接口的url

方法1：

axion统一给接口的前缀也要加'/api'

devServer: {

disableHostCheck: true,

port: 8080,

proxy: {

// 用以区别vue-router的mode:'history'时 页面链接和接口链接

'/api': {

target: url,

changeOrigin: true,

ws: false, // 需要websocket 开启

pathRewrite: {

'^/api': '/'

}

}

},



}

方法2：

给axios的baseURL设置为后端域名