vue-cli配置proxyTable 跨域請求

caoym 發布于2019-08-23 17:00 / 2605人閱讀

摘要：本地服務啟動端口，項目啟動端口，當前端用戶提交登錄信息到后端，便產生跨域，可以配置解決跨域問題一進入項目下的文件，添加接口的域名如果是接口，需要配置這個參數如果接口跨域，需要進行這個參數配置此處的設為二在前端發送請求頁面，設置請求三啟動

本地express服務啟動端口3000， vue-cli項目啟動端口8080，當前端用戶提交登錄信息到后端，
便產生跨域，可以配置 proxyTable 解決跨域問題
一：進入vue-cli項目下的config/index.js 文件，添加

   proxyTable: {
  "/api": {
    target: "http://xxxxxx.com", // 接口的域名
    // secure: false,  // 如果是https接口，需要配置這個參數
    changeOrigin: true, // 如果接口跨域，需要進行這個參數配置
    pathRewrite: {
      "^/api": ""
    }
  }
},

此處的target 設為 "http://localhost:3000/"

二：在前端發送請求頁面，設置請求url

   this.$axios.post("/api/checklogin",{
        username:that.ruleForm.username,
        password:that.ruleForm.password
      })

三啟動本地node服務，啟動vue項目，發送請求數據，控制臺查看，獲取數據成功則配置正確

GPU云服務器云服務器跨域請求跨域請求方式 javascript跨域請求 jquery跨域請求

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/103658.html

vue-cli項目中的proxyTable跨域問題小結

摘要：由兩部分組成回調函數和數據。回調函數是當響應到來時應該在頁面中調用的函數。回調函數的名字一般是在請求中指定的。動態創建標簽，設置其，回調函數在中設置在頁面中，返回的作為參數傳入回調函數中，我們通過回調函數來來操作數據。什么是跨域？同源策略規定了如果兩個 url 的協議、域名、端口中有任何一個不等，就認定它們跨源了。跨域的解決方式有哪幾種？ 1.JSONP 是 JSON with ...

lidashuang 2019-08-26 11:40 評論0 收藏0
vue-cli項目中的proxyTable跨域問題小結

摘要：由兩部分組成回調函數和數據。回調函數是當響應到來時應該在頁面中調用的函數。回調函數的名字一般是在請求中指定的。動態創建標簽，設置其，回調函數在中設置在頁面中，返回的作為參數傳入回調函數中，我們通過回調函數來來操作數據。什么是跨域？同源策略規定了如果兩個 url 的協議、域名、端口中有任何一個不等，就認定它們跨源了。跨域的解決方式有哪幾種？ 1.JSONP 是 JSON with ...

張金寶 2019-07-25 14:10 評論0 收藏0
vue-cli本地環境API代理設置和解決跨域

摘要：我們將引入我們配置的中，再將修改如下路徑你們改下將印射為接口域名如果是接口，需要配置這個參數是否跨域需要的之后不管是生產環境，還是開發環境，都不用再修改我們的請求地址了。前言我們在使用vue-cli啟動項目的時候npm run dev便可以啟動我們的項目了，通常我們的請求地址是以localhost:8080來請求接口數據的，localhost是沒有辦法設置cookie的。我們可以...

lakeside 2019-08-20 19:09 評論0 收藏0
簡單設置，解決使用webpack前后端跨域發送cookie的問題

摘要：最近用來做項目，用來做前端自動化構建。會在本地搭建一個服務器，在和后端調試的時候，就會涉及到跨域的問題。要向后端發送，前端也需要有相應的配置。另外還要將設為。最近用vue來做項目，用webpack來做前端自動化構建。webpack-dev-server會在本地搭建一個服務器，在和后端調試的時候，就會涉及到跨域的問題。剛開始時，沒有用vue-cli來構建項目，而是參考了github上...

wwq0327 2019-08-21 14:25 評論0 收藏0