若依vue.config.js中的process.env.VUE_APP_BASE_API.target路径如何在前端用$.ajax
时间: 2023-12-18 21:06:00 浏览: 248
在前端中使用 `$.ajax` 发送请求时,可以使用 `process.env.VUE_APP_BASE_API` 来获取 `vue.config.js` 中配置的 `VUE_APP_BASE_API` 环境变量的值。
例如,如果 `VUE_APP_BASE_API` 配置为 `/api`,则可以在前端代码中使用以下方式发送请求:
```javascript
$.ajax({
url: process.env.VUE_APP_BASE_API + '/data',
method: 'get',
success: function (data) {
console.log(data);
}
});
```
这样就能够将 `/api/data` 作为请求的 URL 发送到后端。当然,在使用 `process.env.VUE_APP_BASE_API` 之前,需要先引入该变量,可以通过以下方式实现:
```javascript
import { BASE_API } from '@/config';
$.ajax({
url: BASE_API + '/data',
method: 'get',
success: function (data) {
console.log(data);
}
});
```
其中,`@/config` 是一个前端项目中的配置文件,用于存放一些全局的配置信息。在该文件中,可以将 `process.env.VUE_APP_BASE_API` 赋值给一个常量,例如:
```javascript
export const BASE_API = process.env.VUE_APP_BASE_API;
```
这样,在其他前端代码中就可以直接使用 `BASE_API` 来代替 `process.env.VUE_APP_BASE_API` 了。
阅读全文