国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > Nginx > 正文

Nginx如何解決前端跨域問題?

2024-08-30 12:23:39
字體:
來源:轉載
供稿:網友
  在進行靜態頁面開發時,Vue類型的應用,會需要我們調用一些接口,但接口極可能是跨域,然后瀏覽器就會報cross-origin問題不給調。解決這個問題的辦法就是把瀏覽器設為忽略安全問題,設置--disable-web-security。但這種方式開發PC頁面是沒問題的,若是移動端頁面就解決不了了。所以針對這種情況我們應該使用Nginx轉發請求。把跨域的接口寫成調本域的接口,然后將這些接口轉發到真正的請求地址就可以了。
  具體解決案例如下:
  加入在開發一個Vue應用。
  以前調試頁面是:http://192.168.1.100:8080/
  請求的接口是:http://ni.hao.sao/api/get/info
  步驟一:
  把請求接口改為:http://192.168.1.100:8080/api/get/info(這樣就解決了跨域問題)。
  步驟二:
  把Nginx安裝好后,去到/usr/local/etc/nginx/目錄(Mac下的),修改nginx.conf文件。
  步驟三:
  把server配置注釋掉。在下面增加如下代碼:
  server{
  listen 8888;
  server_name  192.168.1.100;
  location /{
  proxy_pass http://192.168.1.100:8080;
  }
  location /api{
  proxy_pass http://ni.hao.sao/api;
  }
  }
  保存后,啟動Nginx。
  步驟四:
  訪問:http://192.168.1.100:8888/,最后可以發現問題就圓滿解決了。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 仪征市| 岗巴县| 桃源县| 山丹县| 滦平县| 玉屏| 武胜县| 青河县| 咸宁市| 衡南县| 观塘区| 正镶白旗| 襄汾县| 和林格尔县| 枝江市| 容城县| 信宜市| 东宁县| 宝应县| 丹阳市| 合肥市| 盱眙县| 玉林市| 云南省| 漳州市| 新绛县| 资中县| 江山市| 东丽区| 平果县| 苗栗县| 井冈山市| 土默特右旗| 望谟县| 昔阳县| 明溪县| 濮阳市| 漳浦县| 赤水市| 南昌市| 青铜峡市|