zoukankan      html  css  js  c++  java
  • react项目 之 client请求框架

    封装ajax

    使用axios模块

    • 下载模块
    npm install -s axios
    
    • 封装ajax方法

      • 在根目录下建api文件夹
      • 创建ajax.js
      //ajax.js
      import axios from 'axios'
      export default function ajax(url, data = {}, type = 'GET') {
        if(type==='GET'){
          return axios.get(url,{params:data})
        }else
          return axios.post(url,data)
      }
      
      • 创建index.js

      包含了所有接口请求的函数

      //index.js
      import ajax from './ajax'
      export const reqRegister = (user) =>ajax('/register',user,'POST')
      export const reqLogin = (user) =>ajax('/login',user,'POST')
      export const reqUpdateUser = (user) =>ajax('/update',user,'POST')
      

    请求跨域问题(代理)

    采用proxy代理解决:前端解决跨域

    何为代理:

    • 通过前端项目 生成一个代理区域
    • 当要跨域时,会去访问代理区域,通过代理区域去访问跨域接口
    • 代理区域接收返回数据,返回前端项目

    对于前端来说 实际上并没有跨域 只是代理区域操作

    //package.json 
    "proxy": "http://localhost:4000"
    
  • 相关阅读:
    JSP&JavaBean
    Cookie&&Session
    多个请求使用同一个 Servlet
    C3P0--数据库连接池
    navicat设置唯一键——unique
    J2EE常用组件简介
    JSP基础知识_3
    JSP基础知识_2
    JSP基础知识_1
    Android
  • 原文地址:https://www.cnblogs.com/cc123nice/p/13037672.html
Copyright © 2011-2022 走看看