摘要:本地服務(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
摘要:由兩部分組成回調(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 ...
摘要:由兩部分組成回調(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 ...
摘要:我們將引入我們配置的中,再將修改如下路徑你們改下將印射為接口域名如果是接口,需要配置這個參數(shù)是否跨域需要的之后不管是生產(chǎn)環(huán)境,還是開發(fā)環(huán)境,都不用再修改我們的請求地址了。 前言 我們在使用vue-cli啟動項目的時候npm run dev便可以啟動我們的項目了,通常我們的請求地址是以localhost:8080來請求接口數(shù)據(jù)的,localhost是沒有辦法設(shè)置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上...
閱讀 2506·2021-11-25 09:43
閱讀 2620·2021-11-16 11:50
閱讀 3300·2021-10-09 09:44
閱讀 3207·2021-09-26 09:55
閱讀 2848·2019-08-30 13:50
閱讀 1034·2019-08-29 13:24
閱讀 2095·2019-08-26 11:44
閱讀 2806·2019-08-26 11:37