Vue中设置动态请求地址的示例
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本示例详细介绍了如何在Vue项目中灵活地配置和使用动态请求地址，包括环境变量、axios请求库的应用及其实战技巧。
在开发和生产环境下请求不同的地址（http 或 ws），以适应线上环境的需求，并且无论使用什么域名都不需要手动更改请求地址。
实现思路是使前端请求接口的地址简化，具体方法是在 Vuex 中设置总的接口地址，在生产和开发环境下配置不同的地址：
```javascript
export const configUrl = {
url: process.env.API_HOST,
ws: process.env.API_WS
}
```
然后在 `config` 文件夹中分别设置 `dev.env.js` 和 `prod.env.js`，例如：
```javascript
module.exports = merge(prodEnv, {
NODE_ENV: development,
})
```
全部评论 (0)
还没有任何评论哟~
