資訊專欄INFORMATION COLUMN
摘要：配置代理，解決跨域問題簡單的解決跨域問題，有實(shí)時(shí)重新加載功能，適用于偶爾改個(gè)文件，或者活動(dòng)頁上面有簡單的前后端交互初始化全局安裝本地下載包下載包新建文件實(shí)時(shí)重新加載啟動(dòng)時(shí)默認(rèn)瀏覽器打開的文件代理的域名因?yàn)樯?jí)到了，所以使
gulp配置代理，解決跨域問題
簡單的解決跨域問題，有實(shí)時(shí)重新加載功能，適用于偶爾改個(gè)文件，或者H5活動(dòng)頁上面有簡單的前后端交互
npm init初始化
全局安裝gulp npm i gulp -g
本地下載gulp包 npm i gulp --save-dev
下載gulp-webserver包 npm i gulp-webserver --save-dev
新建gulpfile.js文件
var gulp = require("gulp");
var webserver = require("gulp-webserver");
gulp.task("webserver", function () {
gulp.src("./")
.pipe(webserver({
host: "localhost",
port: 8888,
livereload: true, // 實(shí)時(shí)重新加載
open: "./index.html", // 啟動(dòng)時(shí)默認(rèn)瀏覽器打開的文件
directoryListing: {
enable: true,
path: "./"
},
proxies: [{
source: "/api",
target: "http://www.your.com" // 代理的域名
}]
}))
});
// gulp4.0
gulp.task("default", gulp.series(["webserver"], function () {
console.log("gulp webserver start successfully at localhost:8888");
}));
// 因?yàn)間ulp升級(jí)到了4.0，所以使用gulp.series來啟動(dòng)，如果使用的是gulp3.*的話請(qǐng)將上面的代碼替換為下面的
// gulp 3.*
gulp.task("default", ["webserver"], function () {
console.log("gulp webserver start successfully at localhost:8888");
});
在項(xiàng)目根目錄打開命令窗口，使用命令gulp啟動(dòng)
使用：
如果接口是https://www.yoururl.com/login/index
則發(fā)起請(qǐng)求時(shí)使用/api/login/index
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/106831.html
摘要：以下會(huì)以其中一個(gè)以公積金頁面開發(fā)項(xiàng)目作為例子，介紹移動(dòng)端的一些常見問題和使用作為進(jìn)行多頁開發(fā)的經(jīng)驗(yàn)。所以要想在微信開發(fā)調(diào)試工具中獲取，我們需要使用一種叫做內(nèi)網(wǎng)穿透的工具。 showImg(https://segmentfault.com/img/remote/1460000015405042?w=800&h=600);兩年前剛接觸移動(dòng)端開發(fā)，剛開始比較疑惑，每次遇到問題都是到社區(qū)里提問...
摘要：反向代理前后端聯(lián)調(diào)跨域什么是跨域跨域，指的是瀏覽器不能執(zhí)行其他網(wǎng)站的腳本。這時(shí)候，用反向代理實(shí)現(xiàn)跨域，是最簡單的跨域方式。 keywords： Nginx反向代理 前后端聯(lián)調(diào) 跨域 1.什么是跨域 跨域，指的是瀏覽器不能執(zhí)行其他網(wǎng)站的腳本。它是由瀏覽器的同源策略造成的，是瀏覽器對(duì)javascript施加的安全限制。 所謂同源是指，域名，協(xié)議，端口都相同。瀏覽器執(zhí)行javascrip...
摘要：不過實(shí)踐中發(fā)現(xiàn)淘寶開源的可伸縮布局方案效果更好且更容易使用。淘寶的方案總結(jié)為根據(jù)設(shè)備設(shè)備像素比設(shè)置的值，保持視口始終等于設(shè)備物理像素，接著根據(jù)屏幕大小動(dòng)態(tài)計(jì)算根字體大小，具體是將屏幕劃分為等分，每份為，就等于。 最近參與了APP內(nèi)嵌H5頁面的開發(fā)，這次使用vuejs替代了jQuery，僅僅把vuejs當(dāng)做一個(gè)庫來使用，效率提高之外代碼可讀性更強(qiáng)，在此分享一下自己的一些開發(fā)中總結(jié)的經(jīng)驗(yàn)。...
閱讀 1397·2021-09-26 09:55
閱讀 1930·2019-08-30 12:45
閱讀 1073·2019-08-29 11:20
閱讀 3566·2019-08-26 11:33
閱讀 3435·2019-08-26 10:55
閱讀 1702·2019-08-23 17:54
閱讀 2396·2019-08-23 15:55
閱讀 2358·2019-08-23 14:23
