vue-cli配置代理，解决跨域

1、配置代理

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':''//路径重写
                }
            }
        }
    }
}

 

解决跨域的三种方式

//     1.后台直接放开限制， 优点：方便 缺点 ：不安全

//     2.JSONP  利用script标签  的src的属性不受同源策略限制  需要前后端配合

//     3.配置代理

2、封装登录注册个中心接口请求

//核心方法：
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')
    return http.post(`/api/pcUser/login`,params,)
}

//访问登录用户信息
export function getUserInfo(){
    return http.get(`/api/pcUser/login-user/info`)
}

//登出/退出登录
export function logOut(){
    return http.get(`/api/pcUser/logout`)
}

//注册时发送验证码
export function getRegisterCode(mobile){
    return http.get(`/api/pcUser/register/send/code/${mobile}`)
}

//注册
export function postRegister(loginName,code,mobile,password,nickname){
    let params = new URLSearchParams()
    params.append("loginName", loginName)
    params.append("code", code)
    params.append("mobile", mobile)
    params.append("password", password)
    params.append("nickname", nickname)
    return http.post("/api/pcUser/register", params)
}