国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

關(guān)于vue-resource在dev環(huán)境下跨域問題的解決方法

timger / 2082人閱讀

摘要：跨域問題相信跨域問題是每個(gè)前端在請(qǐng)求中都會(huì)遇到的問題因?yàn)闉g覽器的同源策略的限制所以是不支持跨域的當(dāng)然當(dāng)后臺(tái)在沒有完成搭建的時(shí)候這時(shí)候我們需要使用到模擬數(shù)據(jù)的時(shí)候這時(shí)候很多的就會(huì)出現(xiàn)跨域問題在中當(dāng)然這個(gè)問題也不例外如下所以在此我也就整理出了

跨域問題

相信跨域問題是每個(gè)前端在ajax請(qǐng)求中都會(huì)遇到的問題,因?yàn)闉g覽器的同源策略的限制,所以ajax是不支持跨域的,當(dāng)然當(dāng)后臺(tái)在沒有完成搭建的時(shí)候,這時(shí)候我們需要使用到模擬數(shù)據(jù)的時(shí)候,這時(shí)候很多的api就會(huì)出現(xiàn)跨域問題;在vue-resource中當(dāng)然這個(gè)問題也不例外;如下

所以在此我也就整理出了相應(yīng)的解決方法.

解決方法

直接在瀏覽器中安裝插件解決跨域問題,(僅限google)

我們一般調(diào)試也是在google中調(diào)試,強(qiáng)大的google當(dāng)然也是有許多開發(fā)者工具;現(xiàn)在我就說一個(gè)google的解決跨域問題的方法,安裝一個(gè)名字叫allow-control-allow-origin的插件,下面附上鏈接
我是鏈接
就是下圖這個(gè)插件,因?yàn)槭莋oogle的,當(dāng)然下載要無障礙上網(wǎng)你們知道的,

下載完成后會(huì)在瀏覽器的插件窗口看到一個(gè)綠色的小logo,

只要將調(diào)試鏈接加入到這個(gè)里面,就可以在google瀏覽器里面調(diào)試了,不會(huì)有跨域的問題了

修改的vue-cli的配置文件

因?yàn)関ue-cli是使用的webpack打包的,所以我們需要在config文件夾里面配置,找到config文件夾的index.js的proxyTable中配置一些我們所需要的東西:

         proxyTable: {
                  "/data":{
                    target: "http://v.juhe.cn",
                    changeOrigin: true,
                    pathRewrite: {
                      "^/data": ""
                    }
                  }

因?yàn)槲覝y(cè)試使用的是聚合的api,然后url只需要/data/someKey這種格式就可以了!
我的網(wǎng)站里還有更多關(guān)于vue更詳細(xì)的小方法,歡迎來看看

搬磚小網(wǎng)站
我的github上面也有使用vue-cli搭建的項(xiàng)目,喜歡的可以star一下哦!!!
github地址

以上是我總結(jié)的vue在dev環(huán)境中一些解決方法,希望能幫到你們!

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/83893.html

相關(guān)文章

  • 關(guān)于Vue/axios下跨域cookie的處理

    摘要：凡事有例外，以下分別對(duì)待不同情況服務(wù)器端配置即可客戶端配置，這樣大部分瀏覽器都支持跨域了，反正新版本下無問題。但放在默認(rèn)設(shè)置下依然出現(xiàn)無法獲取的問題，至此，查資料查到解決存取的跨域問題，依照文中記載，在追加的響應(yīng)頭，解決了下的問題。 一般在生產(chǎn)環(huán)境下盡量可以通過nginx等反向代理，把vue前端和api接口處理成同一端口和域名。 在開發(fā)和測(cè)試時(shí)，也可以使用兼容性比較好的瀏覽器進(jìn)行。 凡...

    Mike617 評(píng)論0 收藏0

  • axios異步請(qǐng)求數(shù)據(jù)的簡(jiǎn)單使用

    摘要：使用模擬好后端數(shù)據(jù)之后模擬數(shù)據(jù)的使用參考，就需要嘗試請(qǐng)求加載數(shù)據(jù)了。數(shù)據(jù)請(qǐng)求選擇了，現(xiàn)在都推薦使用。規(guī)定要發(fā)送到服務(wù)器的數(shù)據(jù)。布爾值，表示請(qǐng)求是否異步處理。要求為類型的參數(shù)，請(qǐng)求成功后調(diào)用的回調(diào)函數(shù)。在一個(gè)中重寫回調(diào)函數(shù)的字符串。 使用Mock模擬好后端數(shù)據(jù)之后（Mock模擬數(shù)據(jù)的使用參考：https://segmentfault.com/a/11...），就需要嘗試請(qǐng)求加載數(shù)據(jù)了。數(shù)...

    forsigner 評(píng)論0 收藏0

  • 使用vue-axios和vue-resource解決vue中調(diào)用網(wǎng)易云接口跨域的問題

    摘要：使用和解決中調(diào)用網(wǎng)易云接口跨域的問題新建項(xiàng)目新建項(xiàng)目新建項(xiàng)目然后具體設(shè)置如下項(xiàng)目名稱項(xiàng)目描述作者回車即可注意這里要安裝和然后和都選擇即可安裝項(xiàng)目依賴安裝模塊安裝模塊運(yùn)行項(xiàng)目效果圖如下修改頁面內(nèi)容我們先修改一下頁面內(nèi)容調(diào)用網(wǎng)易 使用vue-axios和vue-resource解決vue中調(diào)用網(wǎng)易云接口跨域的問題 1. 新建vue項(xiàng)目 1.1 新建項(xiàng)目 新建項(xiàng)目 vue init webp...

    _ivan 評(píng)論0 收藏0

  • 《從零構(gòu)建前后分離的web項(xiàng)目》實(shí)戰(zhàn) - 欲善其事必先利其器 繼續(xù)打磨前端架構(gòu)

    摘要：工欲善其事必先利其器繼續(xù)打磨前端架構(gòu)抱歉生病拖更了，快樂本文永久更新地址填坑上回還真的有同學(xué)提到了這個(gè)問題，感謝細(xì)心的你。既實(shí)現(xiàn)了攔截又實(shí)現(xiàn)了狀態(tài)的共享。愉快的拿到了數(shù)據(jù)這樣，前后分離的項(xiàng)目可以這樣借助測(cè)試接口，不需要騷擾任何人。 工欲善其事必先利其器 - 繼續(xù)打磨前端架構(gòu) 抱歉生病拖更了，1024快樂 本文永久更新地址 填坑 上回還真的有同學(xué)提到了這個(gè)問題，感謝細(xì)心的你。@_noob...

    Mike617 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<