Vue中Vite配置反向代理(本地开发环境)
Vue项目中使用的都是前后端分离,在本地做开发测试api接口的时候,使用反向代理解决跨域等一些问题
这里使用的是Vite脚手架
.env.development(开发环境下的配置文件)
VITE_API_BASE_URL= '/dev-api/'
vite.config.ts(Vite配置文件)
import { defineConfig } from 'vite';
export default defineConfig({
server: {
//配置反向代理本地开发使用
proxy: {
'/dev-api': {
target: "http://www.baidu.com",
rewrite: path => path.replace(/^\/dev-api/, ''),
changeOrigin: true
}
}
});
target的值就是要实际代理的地址
请根据实际项目的文件做修改
版权声明:
作者:Teroun
链接:https://blog.bingxs.com/vuezvitepzfxclbdkfhjbs.html
文章版权归作者所有,未经允许请勿转载。
THE END