vue 3.0解决跨域问题之后登录

1、在当前目录下新建vue.config.js文件

1564053014(1).png

vue.config.js文件里面写

module.exports = {
    // 修改的配置
    // 将baseUrl: '/api',改为baseUrl: '/',
    configureWebpack:{
        devServer: {
            proxy: {
                "/api": {
                    target: "http://admintest.happymmall.com", //代理的地址
                    changeOrigin: true,
                    // ws: true,
                    pathRewrite: {
                        "^/api": ""
                    }
                }
            }
        }
    }
};
// .env.development
// VUE_APP_BASE_API=/api

2、在封装的http请求

import Http from "../utils/http";

const _http = new Http();

class Category {
//登录的请求
    login(mobile, pwd) {
        return _http.request({
            type: "POST",
            url: `/api/manage/user/login.do?username=${mobile}&password=${pwd}`,
            //这里的/api 就是之前vue.config.js里的 代理的
            // data: `username=${mobile}&password=${pwd}`
            // {
            //   username:mobile,
            //   password:pwd
            // }
        });
    }

}
export default Category;