最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue代理模式解決跨域詳解

 更新時間:2022年09月14日 08:24:32   作者:曦12  
這篇文章主要介紹了vue代理模式解決跨域詳解的相關(guān)資料,需要的朋友可以參考下

跨域是什么

簡單的講就是你在一個地方使用另一個地方的資源,被瀏覽器給擋下來了,不讓不用!當(dāng)然,它擋下來是有自己理由的:為了安全(╬▔皿▔)╯。

解決跨域

我是用vue開發(fā)的,就vue代理模式解決跨域說明一下。

1、在vue.config.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//代理服務(wù)器
? },
})
?

target就是自己需要代理的真實地址getIpMsg你是可以自定義的。

2、創(chuàng)建一個http.ts(我是ts的,你也可以js):

import axios from "axios";
//創(chuàng)建請求
function createServe(config: any) {
? ? let serve = axios.create({
? ? ? ? timeout: 5000 //超時
? ? });
? ? //請求攔截器
? ? serve.interceptors.request.use(
? ? ? ? config => {
? ? ? ? ? ? return config;
? ? ? ? },
? ? ? ? error => {
? ? ? ? ? ? return Promise.reject(error)
? ? ? ? }
? ? )
? ? //響應(yīng)攔截器
? ? serve.interceptors.response.use(
? ? ? ? response => {
? ? ? ? ? ? return response;
? ? ? ? },
? ? ? ? error => {
? ? ? ? ? ? return Promise.reject(error)
? ? ? ? }
? ? )
? ? return serve(config);
}
?
export default createServe;

3、創(chuàng)建一個request.ts:

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

4、這樣使用:

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

到此這篇關(guān)于vue代理模式解決跨域詳解的文章就介紹到這了,更多相關(guān)vue代理模式解決跨域內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評論

微博| 黄骅市| 汤原县| 民丰县| 庆元县| 珠海市| 台北县| 木里| 利川市| 乐山市| 卓尼县| 双辽市| 泗洪县| 乐平市| 安康市| 神池县| 密云县| 和硕县| 泸水县| 曲靖市| 凤翔县| 无极县| 呼伦贝尔市| 泾阳县| 广元市| 平邑县| 上蔡县| 铜梁县| 濉溪县| 任丘市| 江安县| 来安县| 杂多县| 宜宾市| 嫩江县| 昌吉市| 连平县| 新野县| 芦溪县| 临潭县| 抚州市|