axios封裝和請求跨域和.gitignore文件

axios封裝

首先這部分網上找找應該一大堆,其中本人喜歡同.env文件一同配合使用;

let base_url = process.env.PROJECT_NAME
if (process.env.NODE_ENV === 'production'){base_url = process.env.PROJECT_BASEURL + process.env.PROJECT_NAME// base_url ='http://134.64.116.90:8101/' + 'QuestionNaire'// base_url ='http://192.168.31.143:8080/' + 'QuestionNaire'
} 
const request = axios.create({baseURL:base_url,timeout:50000,headers: {'Content-type': 'application/json'}
})
proxyTable: {'/QuestionNaire': {target: 'http://22.0.120.170:8080/', // 你請求的第三方接口changeOrigin: true, // 在本地會創建一個虛擬服務端,然后發送請求的數據,并同時接收請求的數據,這樣服務端和服務端進行數據的交互就不會有跨域問題pathRewrite: { // 路徑重寫,'^/QuestionNaire': '/QuestionNaire' // 替換target中的請求地址,也就是說以后你在請求http://api.jisuapi.com/XXXXX這個地址的時候直接寫成/api即可。}}},
.DS_Store
node_modules/
/dist/
coderd.json
npm-debug.log*
yarn-debug.log*
yarn-error.log*# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.text

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/166988.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/166988.shtml
英文地址,請注明出處:http://en.pswp.cn/news/166988.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Java計算兩個時間的相差年,日,小時,分,秒

主函數 public static int dateDiff(char flag, Calendar calSrc, Calendar calDes) {long millisDiff getMillis(calSrc) - getMillis(calDes);if (flag y) {return (calSrc.get(Calendar.YEAR) - calDes.get(Calendar.YEAR));}if (flag d) {return (int) (millisDiff / D…

Unity RenderFeature架構分析

自定義RenderFeature接口流程 URP內部ScriptableRenderPass分析 public、protected屬性 renderPassEvent :渲染事件發生的時刻colorAttachments :渲染的顏色紋理列表 m_ColorAttachmentscolorAttachment :m_ColorAttachments[0];depthAttac…

【網絡奇幻之旅】那年我與大數據的邂逅

🌺個人主頁:Dawn黎明開始 🎀系列專欄:網絡奇幻之旅 ?每日一句:循夢而行,向陽而生 📢歡迎大家:關注🔍點贊👍評論📝收藏?? 文章目錄 &#x1f4…

Windows 下安裝MySQL8.0 Zip

1、將下載的mysql 壓縮包解壓。 2、已管理員身份證 打開 cmd窗口,進入到解壓目錄的,本文以解壓到 D:\soft\mysql-8.0.29-winx64 為例來介紹。 3、在解壓目錄下 新建一個 my.ini 文件。 my.ini 文件內容如下: [mysqld] # 設置3306端口 por…

linux wget --no-check-certificate

如果您希望每次使用wget命令時都跳過SSL證書檢查,可以將–no-check-certificate參數添加到wget的默認配置文件中。 請按照以下步驟進行操作: vi ~/.wgetrc# 插入內容 check_certificate off保存并關閉文件。 現在,wget命令將在每次使用時自…

windows遠程linux或遠程虛擬機連接拒絕問題排查

當我們使用MobaXterm遠程連接時,報錯如下: 1.首先檢查該ubuntu防火墻是否關閉,先將防火墻關閉。 1.檢查防火墻狀態 sudo ufw status 2.開啟防火墻 sudo ufw enable 3.關閉防火墻 sudo ufw disable 2.關閉防火墻后,使用ping命令相…

【數據結構/C++】棧和隊列_順序棧

#include<iostream> using namespace std; #define MaxSize 10 // 1. 順序棧 typedef int ElemType; struct Stack {ElemType data[MaxSize];int top; } SqStack; // 初始化棧 void init(Stack &s) {// 初始化棧頂指針s.top -1; } // 入棧 bool push(Stack &s, …

什么是工業物聯網(IOT)?這樣的IOT平臺你需要嗎?——青創智通

物聯網(IOT)是指在互聯網上為傳輸和共享數據而嵌入傳感器和軟件的互聯設備的廣泛性網絡。這允許將從物理對象收集的信息(數據)存儲在專用服務器或云中。通過分析這些積累的信息&#xff0c;通過提供最優的設備控制和方法&#xff0c;可以實現一個更安全、更方便的社會。在智能家…

【完美解決】 Python pyecharts Map 地圖數據不顯示

目錄 項目場景問題描述原因分析解決方案完整代碼 項目場景 Python數據可視化&#xff0c;使用 Pyecharts.charts 模塊中的Map&#xff0c;并導入數據來構建全國疫情熱力地圖 B站 黑馬程序員 Python課程【P106 第一階段 - 第十一章 - 02全國疫情地圖構建】 問題描述 本人在學習…

vue+face-api.js實現前端人臉識別功能

近期做了一個前端vue實現人臉識別的功能&#xff0c;主要功能邏輯包含&#xff1a;人臉識別&#xff0c;人臉驗證&#xff0c;喚起攝像頭視頻流之后從三個事件&#xff08;用戶點頭、搖頭、眨眼睛&#xff09;中隨機選中兩個事件&#xff0c;待兩個事件通過判斷后人臉靜止不動3…

基于Java+Vue+uniapp微信小程序微信閱讀網站平臺設計和實現

博主介紹&#xff1a;?全網粉絲30W,csdn特邀作者、博客專家、CSDN新星計劃導師、Java領域優質創作者,博客之星、掘金/華為云/阿里云/InfoQ等平臺優質作者、專注于Java技術領域和畢業項目實戰? &#x1f345;文末獲取源碼聯系&#x1f345; &#x1f447;&#x1f3fb; 精彩專…

使用端口掃描工具解決開放端口威脅并增強安全性

從暴露網絡漏洞到成為入侵者的通道&#xff0c;開放端口可能會帶來多種風險向量&#xff0c;威脅到網絡的機密性、完整性和可用性。因此&#xff0c;最佳做法是關閉打開的端口&#xff0c;為了應對開放端口帶來的風險&#xff0c;網絡管理員依靠端口掃描工具來識別、檢查、分析…

ubuntu下配置qtcreator交叉編譯環境

文章目錄 安裝交叉編譯工具安裝qt creator開發環境配置交叉編譯示例demo參考 安裝交叉編譯工具 安裝qt creator開發環境 1 官網 2 填寫信息 3 下載 默認沒有出現Qt5.15版本 WISONIC\80081001ub16-1001:~$ /opt/Qt/Tools/QtCreator/bin/qtcreator /opt/Qt/Tools/QtCreat…

【PDF.js】2023 最新 PDF.js 在 Vue3 中的使用

因為自己寫業務要定制各種 pdf 預覽情況&#xff08;可能&#xff09;&#xff0c;所以采用了 pdf.js 而不是各種第三方封裝庫&#xff0c;主要還是為了更好的自由度。 一、PDF.js 介紹 官方地址 中文文檔 PDF.js 是一個使用 HTML5 構建的便攜式文檔格式查看器。 pdf.js 是社區…

flutter與原生Android通信方式之MethodChannel

閑來無事&#xff0c;flutter好久沒看了&#xff0c;上次折騰flutter與Android通信沒折騰完&#xff0c;有些事情耽擱了&#xff0c;這次繼續 演示效果&#xff1a; flutter與Android原生通信 flutter端 import package:flutter/cupertino.dart; import package:flutter/mater…

ThreeJs實現簡單的動畫

上一節實現可用鼠標控制相機的方式實現動態效果&#xff0c;但很多時候是需要場景自己產恒動態效果&#xff0c;而不是通過鼠標拖動&#xff0c;此時引入一個requestAnimationFrame方法&#xff0c;它實際上是通過定時任務的方式&#xff0c;每隔一點時間改變場景中內容后重新渲…

筆記:如何搭建一套前端監控系統?(持續更新中)

數據敏感處理 數據加密&#xff0c;對涉及用戶隱私的數據做到加密防護 獨立部署&#xff0c;不和其它應用共享監控系統 不采集具體數據&#xff0c;只采集用戶操作數據 錯誤采集 Runtime Error: JS運行錯誤&#xff0c;可通過error監聽器捕獲 load Error: 資源加載錯誤&#x…

Ant Design Vue 樹形表格計算盈收金額

樹形表格計算 一、盈收金額計算1、根據需要輸入的子級位置&#xff0c;修改數據2、獲取兄弟節點數據&#xff0c;并計算兄弟節點的金額合計3、金額合計&#xff0c;遍歷給所有的父級 一、盈收金額計算 1、根據需要輸入的子級位置&#xff0c;修改數據 2、獲取兄弟節點數據&am…

銷售管理系統的實用性怎么樣?

銷售管理系統好用嗎&#xff1f;好用&#xff0c;銷售管理系統可以管理銷售流程、自動化大量重復性工作&#xff0c;讓銷售人員從瑣碎的任務中掙脫出來&#xff0c;投入到客戶跟進和維護客戶關系之中。那么&#xff0c;CRM系統的好用體現在哪些方面&#xff1f; 1.加速銷售流程…

react中的state

沒想到hooks中也有state這一說法 看下面的兩個案例 1、無state變化不會執行父子函數 2、有state更改執行父子函數