欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue如何封装axios与后端交互

程序员文章站 2022-03-28 17:58:37
一、在src目录下创建service文件夹,在service文件夹下创建index.js二、index.js文件内容import axios from 'axios'let http = axios.create({ // `baseURL` 将自动加在 `url` 前面,除非 `url` 是一个绝对 URL。 // 它可以通过设置一个 `baseURL` 便于为 axios 实例的方法传递相对 URL baseURL: 'http://127.0.0.1:8....

一、在src目录下创建service文件夹,在service文件夹下创建index.js

Vue如何封装axios与后端交互

 

二、index.js文件内容

import axios from 'axios'

let http = axios.create({
    // `baseURL` 将自动加在 `url` 前面,除非 `url` 是一个绝对 URL。
    // 它可以通过设置一个 `baseURL` 便于为 axios 实例的方法传递相对 URL
    baseURL: 'http://127.0.0.1:8082',
    // `withCredentials` 表示跨域请求时是否需要使用凭证
    withCredentials: true,
    // `headers` 是即将被发送的自定义请求头
    headers: {
        /*'X-Requested-With': 'XMLHttpRequest',*/
        /*'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8',*/
        'Content-Type': 'application/json;charset-UTF-8',
        /*"Access-Control-Allow-Credentials": true,*/
        /*'Access-Control-Allow-Origin': '*',*/
        /*'Access-Control-Allow-Methods': 'DELETE,PUT,

本文地址:https://blog.csdn.net/qq_29777207/article/details/107428326