1、配置代理
module.exports = {devServer: {//不设置 重写 /weChat//设置重写 proxy: {'/course-api': { //代理名称,这里最好有一个 target: '', // 后台接口域名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)}