webpack会产生一个虚拟的服务器,今天在使用vite开发的时候也会有到,
这个的书写:
devServer: { proxy: { // 明天去写个博客 ‘/apii‘: { // 此处的写法,目的是为了 将 /api 替换成 https://www.baidu.com/ target: ‘http://api.vikingship.xyz/api/‘, // 允许跨域 changeOrigin: true, ws: true, pathRewrite: { ‘^/apii‘: ‘‘ } } } }
axios.defaults.baseURL = ‘/apii‘
这个有一个收藏的博客可以看下就是用来解决 跨域的问题
changeOrigin这个参数是关键。是否跨域,之前前面看到一篇文章说跨域是用在开发环境中的,生产环境中不应该有跨域使用。
‘/apii‘这个不能够乱写,它代表着当请求接口含有这个前缀时它会产生出代理服务器,这个在前面axios.defaults.baseURL = ‘/apii‘
‘http://api.vikingship.xyz/api/apii‘
然后为什么都请求的时候又没了apii是因为
pathRewrite: {
‘^/apii‘: ‘‘
}这个参数把apii给干掉了。