axios 基础.md

发表于 | 分类于 | 次阅读

这里主要介绍的是 axios 的基础

GET

axios.get()

1
2
3
4
5
6
7
8
axios.get('https://localhost:44322/api/user/get')
      .then((response) => {
        console.log('原始get方法成功：')
        console.log(response.data);//请求的返回体
      })
      .catch((error) => {
        console.log(error);//异常
      });

methods 方法

1
2
3
4
5
6
7
8
9
10
11
12
axios(
      {
        methods: 'get',
        url: 'https://localhost:44322/api/user/get',
      })
      .then((response) => {
        console.log('methods方法成功：')
        console.log(response.data);//请求的返回体
      })
      .catch((error) => {
        console.log(error);//异常
      });

POST

methods

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
let data = {
      "name":"walk dog",
      "isComplete":true
    }
    axios({
      method: "POST",
      headers:{'Content-type':'application/json',},
      url: 'https://localhost:44305/api/Todo/PostTodoItem',
      data: data,
    })
      .then((response) => {
        console.log('发送成功：')
        console.log(response.data);//请求的返回体
      })
      .catch((error) => {
        console.log(error);//异常
      });

.net Core 跨域设置

在 Startup.cs 中，在 ConfigureServices 里面添加：

1
2
// CORS 配置            
services.AddCors();

然后在 Configure 里面添加：

1
2
3
4
5
6
// CORS 配置  
            app.UseCors(builder => builder
                        .AllowAnyOrigin()
                        .AllowAnyMethod()
                        .AllowAnyHeader()
                        .AllowCredentials());

注意，这个要写在 app.UseMvc(); 上面。

0%