成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue-cli配置proxyTable 跨域請求

caoym / 2603人閱讀

摘要:本地服務(wù)啟動端口,項目啟動端口,當(dāng)前端用戶提交登錄信息到后端,便產(chǎn)生跨域,可以配置解決跨域問題一進(jìn)入項目下的文件,添加接口的域名如果是接口,需要配置這個參數(shù)如果接口跨域,需要進(jìn)行這個參數(shù)配置此處的設(shè)為二在前端發(fā)送請求頁面,設(shè)置請求三啟動

本地express服務(wù)啟動端口3000, vue-cli項目啟動端口8080, 當(dāng)前端用戶提交登錄信息到后端,
便產(chǎn)生跨域,可以配置 proxyTable 解決跨域問題
一: 進(jìn)入vue-cli項目下的config/index.js 文件, 添加

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

此處的target 設(shè)為 "http://localhost:3000/"

二: 在前端發(fā)送請求頁面,設(shè)置請求url

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

三 啟動本地node服務(wù),啟動vue項目,發(fā)送請求數(shù)據(jù),控制臺查看,獲取數(shù)據(jù)成功則配置正確

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/103658.html

相關(guān)文章

  • vue-cli項目中的proxyTable跨域問題小結(jié)

    摘要:由兩部分組成回調(diào)函數(shù)和數(shù)據(jù)?;卣{(diào)函數(shù)是當(dāng)響應(yīng)到來時應(yīng)該在頁面中調(diào)用的函數(shù)。回調(diào)函數(shù)的名字一般是在請求中指定的。動態(tài)創(chuàng)建標(biāo)簽,設(shè)置其,回調(diào)函數(shù)在中設(shè)置在頁面中,返回的作為參數(shù)傳入回調(diào)函數(shù)中,我們通過回調(diào)函數(shù)來來操作數(shù)據(jù)。 什么是跨域? 同源策略規(guī)定了如果兩個 url 的協(xié)議、域名、端口中有任何一個不等,就認(rèn)定它們跨源了。 跨域的解決方式有哪幾種? 1.JSONP 是 JSON with ...

    lidashuang 評論0 收藏0
  • vue-cli項目中的proxyTable跨域問題小結(jié)

    摘要:由兩部分組成回調(diào)函數(shù)和數(shù)據(jù)?;卣{(diào)函數(shù)是當(dāng)響應(yīng)到來時應(yīng)該在頁面中調(diào)用的函數(shù)?;卣{(diào)函數(shù)的名字一般是在請求中指定的。動態(tài)創(chuàng)建標(biāo)簽,設(shè)置其,回調(diào)函數(shù)在中設(shè)置在頁面中,返回的作為參數(shù)傳入回調(diào)函數(shù)中,我們通過回調(diào)函數(shù)來來操作數(shù)據(jù)。 什么是跨域? 同源策略規(guī)定了如果兩個 url 的協(xié)議、域名、端口中有任何一個不等,就認(rèn)定它們跨源了。 跨域的解決方式有哪幾種? 1.JSONP 是 JSON with ...

    張金寶 評論0 收藏0
  • vue-cli本地環(huán)境API代理設(shè)置和解決跨域

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

    lakeside 評論0 收藏0
  • 簡單設(shè)置,解決使用webpack前后端跨域發(fā)送cookie的問題

    摘要:最近用來做項目,用來做前端自動化構(gòu)建。會在本地搭建一個服務(wù)器,在和后端調(diào)試的時候,就會涉及到跨域的問題。要向后端發(fā)送,前端也需要有相應(yīng)的配置。另外還要將設(shè)為。 最近用vue來做項目,用webpack來做前端自動化構(gòu)建。webpack-dev-server會在本地搭建一個服務(wù)器,在和后端調(diào)試的時候,就會涉及到跨域的問題。 剛開始時,沒有用vue-cli來構(gòu)建項目,而是參考了github上...

    wwq0327 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<