↑ 點(diǎn)擊上方“子勰隨筆”關(guān)注我? ??

寫(xiě)在前面

由于各種各樣的墻的原因，導(dǎo)致日常開(kāi)發(fā)中我們會(huì)遇到各種各樣的因?yàn)榫W(wǎng)絡(luò)的問(wèn)題導(dǎo)致的不能訪問(wèn)、超時(shí)等問(wèn)題。每次遇到都會(huì)去查一遍，很是費(fèi)時(shí)，今天專門(mén)總結(jié)匯總一下。由于考慮到需要不停的切斷是否使用，因此這里不再介紹設(shè)備全局代理的設(shè)置方式。

對(duì)于Mac環(huán)境，我們大部分時(shí)間都是使用命令行，因此代理配置相關(guān)的主要就是關(guān)于shell的代理配置。很奇怪shell命令行下配置的代理僅僅對(duì)shell相關(guān)的部分命令(例如wget等)生效，不是對(duì)整個(gè)機(jī)器生效(例如npm等還是要使用專門(mén)的代理)。當(dāng)然也有可能由于公司網(wǎng)絡(luò)異常復(fù)雜，因此會(huì)有各種代理配置，是別的代理配置的問(wèn)題，引起代理在部分命令下沒(méi)有生效。不管是什么原因，這里都總結(jié)一下相關(guān)命令的代理配置。

shell下的代理配置

配置方法

shell的網(wǎng)絡(luò)代理有兩種方法，一種是直接通過(guò)命令行配置，一種是直接設(shè)置在配置文件，在終端啟動(dòng)時(shí)自動(dòng)加載。兩種方法都是使用export設(shè)置環(huán)境變量的方式來(lái)實(shí)現(xiàn)，方法一致：

# 配置生效
export http_proxy='http://proxy.com:8080';
export https_proxy='http://proxy.com:8080';

# 刪除配置
export http_proxy='';
export https_proxy='';

命令行配置事例

通過(guò)命令行可以完成網(wǎng)絡(luò)代理的切換，包括代理添加、刪除代理以及修改代理。具體事例如下

# 添加
? temp export http_proxy='http://proxy.com:8080';
? temp export https_proxy='http://proxy.com:8080';
# 查看
? temp echo $http_proxy $https_proxy
http://proxy.com:8080 http://proxy.com:8080
# 修改
? temp export https_proxy='http://test-proxy.com:8080';
# 查看
? temp echo $http_proxy $https_proxy
http://dev-proxy.oa.com:8080 http://test-proxy.com:8080
# 刪除
? temp export http_proxy='';
? temp echo $http_proxy $https_proxy
http://dev-proxy.oa.com:8080
? temp export https_proxy='';
? temp echo $http_proxy $https_proxy

? temp

shell環(huán)境變量配置事例

如果是在環(huán)境變量中設(shè)置對(duì)應(yīng)的參數(shù)，一般都是默認(rèn)添加代理，然后當(dāng)需要取消代理的時(shí)候再通過(guò)命令行使配置不生效。之所以已經(jīng)有命令行的情況下還提供環(huán)境變量的設(shè)置是因?yàn)榄h(huán)境變量的配置會(huì)在每次shell終端啟動(dòng)時(shí)自動(dòng)加載，因此不需要每次配置。目前個(gè)人使用的shell為zsh，因此以zsh的配置來(lái)說(shuō)明。打開(kāi)zsh的配置文件(默認(rèn)為~/.zshrc),然后添加上面的代理配置即可，事例如下：

? temp tail ~/.zshrc
export FixVersion=0
export BuildNo=11
export SVN_REVISION=100

export https_proxy='http://proxy.com:8080';
export http_proxy='http://proxy.com:8080';

Android Studio 下的代理配置

Android開(kāi)發(fā)中我們會(huì)用到兩種模式，一種是直接IDE編譯運(yùn)行，一種是直接在命令行運(yùn)行，兩種場(chǎng)景下的代理配置并不一致。其中在命令行下運(yùn)行時(shí)的代理配置與shell下的一致，因此不再專門(mén)介紹，僅僅介紹IDE的環(huán)境變量配置。

Android studio提供了IDE全局的環(huán)境變量的配置模式，就在 Appearance & Behavior > System Settings > HTTP Proxy 中，由于這個(gè)配置是全局的，因此開(kāi)發(fā)中并不是很方便，主要表現(xiàn)在：

• 不同的項(xiàng)目可能不一定需要配置代理，或者需要的代理并不一致
• 如果項(xiàng)目有多個(gè)開(kāi)發(fā)者，每個(gè)開(kāi)發(fā)者都需要配置一次

因此個(gè)人更多的都是直接修改項(xiàng)目相關(guān)的配置文件來(lái)設(shè)置項(xiàng)目相關(guān)的代理。具體的就是在項(xiàng)目的根目錄的gradle.properties中添加如下的配置：

systemProp.http.proxyHost='proxy.com'
systemProp.http.proxyPort='8080'
# 過(guò)濾不使用代理的域名
systemProp.http.nonProxyHosts=*.bihe0832.com
systemProp.https.proxyHost='proxy.com'
systemProp.https.proxyPort='8080'
# 過(guò)濾不使用代理的域名
systemProp.https.nonProxyHosts=*.bihe0832.com

這里需要注意的是，很多android的maven依賴都是使用https的，因此不要僅僅配置http相關(guān)的代理，需要同時(shí)配置https的

pip 代理設(shè)置

正如前面提到的，在某些情況下會(huì)出現(xiàn)shell配置了代理，但是并沒(méi)有生效的情況。例如pip，這里介紹一下pip設(shè)置代理的方法，比如我們安裝Appium-Python-Client。

代理設(shè)置

如果在安裝時(shí)需要代理，只需要在命令參數(shù)中加上--proxy參數(shù)，例如：

? temp pip3.7 install Appium-Python-Client --proxy http://127.0.0.1:8080

如果在安裝時(shí)不需要代理，只需要在命令參數(shù)中去除--proxy參數(shù)，例如：

? temp pip3.7 install Appium-Python-Client

修改pip的鏡像源

由于國(guó)外官方pypi經(jīng)常被墻，所以我們最好是將自己使用的pip源更換一下。iMac下，修改 ~/.pip/pip.conf (沒(méi)有就創(chuàng)建一個(gè))內(nèi)容如下:

[global]
index-url = https://pypi.tuna.tsinghua.edu.cn/simple

gem 代理設(shè)置

正如前面提到的，在某些情況下會(huì)出現(xiàn)shell配置了代理，但是并沒(méi)有生效的情況。例如gem，這里介紹一下gem設(shè)置代理的方法，比如我們安裝github-pages。

代理設(shè)置

如果在安裝時(shí)需要代理，只需要在命令參數(shù)中加上--http-proxy參數(shù)，例如：

? temp gem install --http-proxy http://proxy.com:8080 github-pages

如果在安裝時(shí)不需要代理，只需要在命令參數(shù)中去除--http-proxy參數(shù)，例如：

? temp gem install github-pages

修改鏡像

除了通過(guò)配置代理來(lái)訪問(wèn)資源外，我們還可以通過(guò)直接修改gem的鏡像源地址。這樣即使不用代理也可訪問(wèn)。gem源的修改方法如下：

? temp gem source --add --remove

具體示例如下：

? temp gem sources --add https://gems.ruby-china.org/ --remove https://rubygems.org/
? temp gem sources -l
/System/Library/Frameworks/Ruby.framework/Versions/2.3/usr/lib/ruby/2.3.0/universal-darwin17/rbconfig.rb:214: warning: Insecure world writable dir /Users/hardyshi/lib/android-sdk in PATH, mode 040777
*** CURRENT SOURCES ***

https://gems.ruby-china.org

如果修改鏡像，建議只保留一個(gè)即可，其余的都刪除，然后根據(jù)剩余的鏡像確定是否使用代理，這樣會(huì)大大提升效率。你也可以直接修改~/.gemrc，添加鏡像源。示例如下：

? ~ cat ~/.gemrc
---
:backtrace: false
:bulk_threshold: 1000
:sources:
- https://gems.ruby-china.com/
:update_sources: true
:verbose: true

本地安裝

當(dāng)然，gem除了設(shè)置代理或者直接修改鏡像以外, 還可以直接本地安裝，比如我們要安裝 github-pages, 先到 https://gems.ruby-china.org 或者其余鏡像源把 ?github-pages 下載到本地, 然后在本地安裝:

? temp gem install --local ~/temp/github-pages-localname.gem

npm 代理設(shè)置

npm和gem一樣，也有兩種方法，切換鏡像或者設(shè)置代理，這里逐個(gè)介紹一下：

代理設(shè)置

如果在安裝時(shí)需要代理，只需安裝前配置中設(shè)置代理，安裝后再刪除即可。例如：

? temp npm config set proxy=http://proxy.com:8080
? temp npm install --global vue-cli

如果在安裝后如果不需要代理，只需要配置中刪除代理即可：

? temp npm config delete proxy

修改鏡像

• 修改指定路徑

  除了通過(guò)配置代理來(lái)訪問(wèn)資源外，npm也可以修改鏡像源地址。修改方法如下：

  ? temp npm config set registry < new registry url >

  具體示例如下：

  ? temp npm config set registry https://registry.npm.taobao.org

• 擇優(yōu)修改路徑

  當(dāng)然你也可以選擇官方提供的工具來(lái)選擇最優(yōu)路徑：首先安裝npm registry的管理工具nrm：

  ? temp npm install -g nrm
  npm WARN deprecated coffee-script@1.7.1: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
  /usr/local/bin/nrm -> /usr/local/lib/node_modules/nrm/cli.js
  /usr/local/lib
  └── nrm@1.0.2

  只有就可以使用nrm來(lái)查看有哪些鏡像：

  ? temp nrm ls
  
  * npm ---- https://registry.npmjs.org/
  cnpm --- http://r.cnpmjs.org/
  taobao - https://registry.npm.taobao.org/
  nj ----- https://registry.nodejitsu.com/
  rednpm - http://registry.mirror.cqupt.edu.cn/
  npmMirror https://skimdb.npmjs.com/registry/
  edunpm - http://registry.enpmjs.org/

  然后使用nrm和鏡像的別名就可以切換鏡像的地址：

  ? temp nrm use taobao
  
  Registry has been set to: https://registry.npm.taobao.org/

  其實(shí)nrm還給我們提供了測(cè)速工具來(lái)測(cè)試當(dāng)前網(wǎng)絡(luò)到所有鏡像地址的訪問(wèn)耗時(shí)，我們可以結(jié)合測(cè)速結(jié)果選擇更優(yōu)的鏡像地址：

  ? temp nrm test
  
  npm ---- 403ms
  cnpm --- 219ms
  * taobao - 350ms
  nj ----- Fetch Error
  rednpm - 115ms
  npmMirror 1169ms
  edunpm - 220ms

賬號(hào)內(nèi)容均來(lái)自個(gè)人博客，想了解更多資料或跳轉(zhuǎn)到文中鏈接，可以點(diǎn)擊

與50位技術(shù)專家面對(duì)面20年技術(shù)見(jiàn)證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的vue.config.js配置代理不生效_iMac各种代理设置方法汇总的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。