Vue開(kāi)發(fā)環(huán)境中修改端口號(hào)的實(shí)現(xiàn)方法
來(lái)源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 21:52:29
Vue開(kāi)發(fā)環(huán)境中修改端口號(hào)的實(shí)現(xiàn)方法
Vue開(kāi)發(fā)環(huán)境中修改端口號(hào)的實(shí)現(xiàn)方法:Vue開(kāi)發(fā)環(huán)境中修改端口號(hào) 如上圖所示,在開(kāi)發(fā)環(huán)境中,8080便是端口號(hào),這也是使用Vue腳手架創(chuàng)建的項(xiàng)目運(yùn)行時(shí)的默認(rèn)的端口。 1.Vue 2.x config文件夾中有一個(gè)index.js其中部分內(nèi)容如下,port即為端口號(hào),在這里更改即可。 module.exports
導(dǎo)讀Vue開(kāi)發(fā)環(huán)境中修改端口號(hào)的實(shí)現(xiàn)方法:Vue開(kāi)發(fā)環(huán)境中修改端口號(hào) 如上圖所示,在開(kāi)發(fā)環(huán)境中,8080便是端口號(hào),這也是使用Vue腳手架創(chuàng)建的項(xiàng)目運(yùn)行時(shí)的默認(rèn)的端口。 1.Vue 2.x config文件夾中有一個(gè)index.js其中部分內(nèi)容如下,port即為端口號(hào),在這里更改即可。 module.exports
1.Vue 2.x
config文件夾中有一個(gè)
index.js
其中部分內(nèi)容如下,
port
即為端口號(hào),在這里更改即可。
module.exports = {
dev: {
env: require('./dev.env'),
port: 8080, // 端口號(hào)
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {},
// CSS Sourcemaps off by default because relative paths are "buggy"
// with this option, according to the CSS-Loader README
// (https://github.com/webpack/css-loader#sourcemaps)
// In our experience, they generally work as expected,
// just be aware of this issue when enabling this option.
cssSourceMap: false,
}
};
2.Vue 3.x
Vue 3.x中修改端口號(hào)則需要在項(xiàng)目根目錄下創(chuàng)建一個(gè)
vue.config.js
,內(nèi)容如下。
module.exports = {
devServer: {
port: 8080, // 端口號(hào)
}
};
3.起因
Access to XMLHttpRequest at 'http://localhost:8080/sockjs-node/info?t=1565711501046' from origin 'http://192.168.0.104:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
localhost:8080/sockjs-node/info?t=1565711501046:1 Failed to load resource: net::ERR_FAILED

今天我調(diào)試練手的項(xiàng)目時(shí)發(fā)現(xiàn)報(bào)了這么個(gè)錯(cuò)誤,當(dāng)時(shí)百度了好久不得解決要領(lǐng),后來(lái)想起來(lái)自己開(kāi)了兩個(gè)項(xiàng)目,一個(gè)是Vue2.x,另一個(gè)是Vue3.x,看來(lái)一下兩個(gè)的端口號(hào)都是8080,沖突了。至于為什么同一個(gè)端口號(hào)能運(yùn)行兩個(gè)項(xiàng)目,是因?yàn)閂ue3.0運(yùn)行時(shí)會(huì)產(chǎn)生兩個(gè)項(xiàng)目地址(如下圖),我點(diǎn)了后一個(gè)......

聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Vue開(kāi)發(fā)環(huán)境中修改端口號(hào)的實(shí)現(xiàn)方法
Vue開(kāi)發(fā)環(huán)境中修改端口號(hào)的實(shí)現(xiàn)方法:Vue開(kāi)發(fā)環(huán)境中修改端口號(hào) 如上圖所示,在開(kāi)發(fā)環(huán)境中,8080便是端口號(hào),這也是使用Vue腳手架創(chuàng)建的項(xiàng)目運(yùn)行時(shí)的默認(rèn)的端口。 1.Vue 2.x config文件夾中有一個(gè)index.js其中部分內(nèi)容如下,port即為端口號(hào),在這里更改即可。 module.exports