配置代理 + 封装

本文介绍了在Vue项目中如何配置devServer代理,解决跨域问题,以及如何封装HTTP请求接口,提高代码复用性和易维护性。通过示例展示了登录、获取用户信息、退出登录、注册等接口的封装方法。
摘要由CSDN通过智能技术生成

module.exports = {

    devServer: {

        //不设置 重写  http://wkt.myhope365.com/weChat

        //设置重写   http://wkt.myhope365.com

        proxy: {

            '/course-api': {         //代理名称

             target: 'http://wkt.myhope365.com',  // 后台接口域名

                changeOrigin: true,  //是否跨域

                pathRewrite:{

                    '^/course-api':' ' //路径重写

                }

            }

        }

    }

}

封装接口请求

//核心方法:

import http from "@/utils/http.js"

export function accountLogin(username,password){

    let params = new URLSearchParams()

    params.append("username", username)

    params.append("password", password)

    params.append("rememberMe", 'true')

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值