国产探花免费观看_亚洲丰满少妇自慰呻吟_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/,最后可以發現問題就圓滿解決了。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 莲花县| 固镇县| 宜宾县| 嘉禾县| 浪卡子县| 景谷| 民勤县| 万源市| 哈尔滨市| 两当县| 金坛市| 河西区| 鸡西市| 全南县| 银川市| 寿阳县| 喀喇沁旗| 长治县| 宁南县| 吴江市| 安顺市| 耿马| 渑池县| 香港| 衡水市| 临湘市| 渭源县| 交口县| 周宁县| 兴安县| 若尔盖县| 那曲县| 伽师县| 习水县| 嫩江县| 紫云| 五指山市| 南陵县| 诏安县| 长垣县| 白玉县|