Vue開(kāi)發(fā)環(huán)境中修改端口號(hào)的實(shí)現(xiàn)方法

Vue開(kāi)發(fā)環(huán)境中修改端口號(hào)

光澤ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)的ssl證書(shū)銷(xiāo)售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話(huà)聯(lián)系或者加微信：18982081108（備注：SSL證書(shū)合作）期待與您的合作！

如上圖所示，在開(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 = {
  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è)......

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

文章題目：Vue開(kāi)發(fā)環(huán)境中修改端口號(hào)的實(shí)現(xiàn)方法
URL地址：http://muchs.cn/article34/jophse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、域名注冊(cè)、網(wǎng)站改版、自適應(yīng)網(wǎng)站、網(wǎng)站設(shè)計(jì)公司、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)