硅谷甄选_代理跨域_真实接口替换mock接口效果

修改服务器地址

配置

0 - 前置配置

这是前置的配置；

利用vite的loadEnv加载配置文件

0.1 - process.cwd()

0.2 - 官网配置

怎么配置代理跨域，可以查看官网上的内容，比照着进行配置；

1 - 关键字配置

就是如图1的部分；

关键字配置是啥意思？就是你的请求路径上要带关键字；

你不带关键字，代理服务器是不会帮你转发请求，去给你捞数据的；

关键字，我们在环境的配置文件当中定义了，开发环境、测试环境、生产环境，我们的配置都是不一样的，具体如下：

2 - 代理跨域配置

就是如图2的位置，这个，倒是TMD很简单的；

3 - 路径重写配置

就是如图3的位置；

我们请求的路径是带/api的，但是服务器上的请求路径是没有/api的；不信，你就看看下面的图；

API替换

代码调整

替换：登录接口

替换：获取用户信息接口

替换：退出登录接口

替换：路由鉴权部分

token过期也要await

遇到的问题

• 从接口看，登录成功了；
• 但是打印出来result是undefine；
• 参考文章