vue代理模式解决跨域详解_vue.js_

let devProxy = {   //获取ip信息   '/getIpMsg': {     target: "https://whois.pconline.com.cn/ipJson.jsp",//真实地址     ws: true,     changeOrigin: true,     pathRewrite: {       '/getIpMsg': ''     },   }, }; const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({   transpileDependencies: true,   publicPath: process.env.NODE_ENV === "production" ? "./" : "/",   devServer: {     port: 8080,//端口     open: false,//项目启动后是否在浏览器自动打开     proxy: devProxy//代理服务器   }, })  

import axios from "axios"; //创建请求 function createServe(config: any) {     let serve = axios.create({         timeout: 5000 //超时     });     //请求拦截器     serve.interceptors.request.use(         config => {             return config;         },         error => {             return Promise.reject(error)         }     )     //响应拦截器     serve.interceptors.response.use(         response => {             return response;         },         error => {             return Promise.reject(error)         }     )     return serve(config); }   export default createServe;

import createServe from "./http"   //获取ip信息 export function getIpMsg(params = {}) {     return createServe({         method: "GET",         url: '/getIpMsg',         params     }) }

import { getIpMsg } from "@/api/request";   function test(){     getIpMsg()     .then(res => {         console.log(res);     }) }