国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

<table id="cmsec"><delect id="cmsec"></delect></table>

<center id="cmsec"><delect id="cmsec"></delect></center><td id="cmsec"><th id="cmsec"></th></td>

vue.config.js使用代理配置真實請求url

2年前作者：程序媛_panpan分類：Toy博客閱讀(28)違法舉報

這篇具有很好參考價值的文章主要介紹了vue.config.js使用代理配置真實請求url。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點擊"舉報違法"按鈕提交疑問。

前端請求接口過程中會統(tǒng)一配置代理請求url，配置之后瀏覽器只能看到local host路徑。
js 代理查看真實路徑,vue,javascript,vue.js,前端
為方便查看請求的真實ip，需要在vue.config.js中做如下配置，便能在瀏覽器實時查看到真實地址

  devServer: {
   //端口配置
    port: '9080',
    open: true,
    //host: 'localhost',打開之后不能使用IP訪問項目
    proxy: {
      '/basic': {
        target: process.env.VUE_APP_BASE_API,//配置文件的請求url
        // target: 'http://10.31.126.172:9080',
        changeOrigin: true,
        ws: true,
        // pathRewrite: { '^/api': '' },
        onProxyRes(proxyRes, req, res) {
          //在控制臺顯示真實代理地址
          const realUrl = new URL(req.url || '',process.env.VUE_APP_BASE_API)?.href || ''
          proxyRes.headers['x-real-url'] = realUrl
        },
      },
    },
  },

配置完重啟，效果如下：
js 代理查看真實路徑,vue,javascript,vue.js,前端文章來源地址http://www.zghlxwxcb.cn/news/detail-638986.html

到了這里，關(guān)于vue.config.js使用代理配置真實請求url的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符，請點擊違法舉報進行投訴反饋，一經(jīng)查實，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費用

vue.config.js配置proxy代理解決跨越；proxy代理報404；
像我們本地的vue項目運行起來，訪問的地址一般是localhost，這個時候請求后臺的接口，端口號也不一致，肯定就會存在跨域問題，所以我們要是想正常訪問接口的話，就需要解決掉跨域問題。本文我們是在vue.config.js配置proxy代理解決跨越：如果沒有vue.config.js，就直接在項目
2023年04月08日
瀏覽(18)
vue2的vue.config.js中簡單配置代理跨域
調(diào)用后端接口訪問后臺數(shù)據(jù)，但是因為請求url的協(xié)議、域名、端口三者之間任意一個與當前頁面url不同產(chǎn)生了跨域，我們vue項目運行的地址一般就是localhost 8080端口，而且后端也沒有配置允許跨域（后端如果配置跨域通常是cors），所以前端就要配置跨域，Vue跨域在vue.config.j
2024年02月15日
瀏覽(16)
vue3項目vite.config.js配置“代理”、“端口”、“打包名”、“圖片壓縮”
前言我們在搭建vue3項目的時候不可避免的會遇到“代理”、“端口”、“打包名”、“圖片壓縮”等配置問題，本文逐一講述該怎么樣在vite.config.js中去配置。一、配置代理端口和代理轉(zhuǎn)發(fā) vite.config.ts添加如下代碼 ts.config.json添加如下代碼圖片壓縮先要引入vite-plugin-imagem
2024年02月07日
瀏覽(17)
proxy代理不生效、vue config.js不生效解決方法
axios默認請求接口就是localhost，所以這里需要更改 axios設(shè)置的默認請求設(shè)置在 main.js 文件里，設(shè)置 vue.config.js文件夾要和src在同級別下在這里面 /api 就相當于 \\\' http://localhost:8080/ \\\' 所以接下來接口需要添加的的url參數(shù)不需要再寫接口的域名要是在不行就把請求頭加上 springboo
2024年01月17日
瀏覽(17)
vue項目的vue.config.js在打包過程中，并不會處理api請求。
主要處理打包選項和靜態(tài)資源文件請求是axios處理的 ?
2024年02月16日
瀏覽(20)
vue.config.js配置詳解
vue.config.js 是一個可選的配置文件，如果項目的 (和 package.json 同級的) 根目錄中存在這個文件，那么它會被 @vue/cli-service 自動加載。你也可以使用 package.json 中的 vue 字段，但是注意這種寫法需要你嚴格遵照 JSON 的格式來寫。以下是 vue.config.js 的一個基本配置：這里只是列出
2024年02月15日
瀏覽(27)
【Vue】vue.config.js 的完整配置
之前，我有提到過，當然大家肯定也都知道，Vue3.0不在有webpack.config.js的配置；但是不可避免,在項目開發(fā)中我們肯定會存在一些特殊的需求需要調(diào)整webpack, 這個時候，在Vue3.0的項目當中，我們就需要在根目錄創(chuàng)建vue.config.js去完成webpack的一些特殊配置,默認它會被 @vue/cli-servi
2023年04月22日
瀏覽(17)
解讀vue配置文件（vue.config.js）
這是一個Vue.js的配置文件，用于指定項目的構(gòu)建和開發(fā)服務(wù)器的行為。讓我們逐步解讀： resolve 函數(shù)：用于解析路徑。它被定義為簡化創(chuàng)建目錄的絕對路徑的過程。 name 和 port 常量： name 設(shè)置為來自設(shè)置文件的標題。 port 設(shè)置為 8013 ，表示開發(fā)服務(wù)器的端口號。 publicPath ：
2024年01月17日
瀏覽(16)
vue.config.js 跨域配置
一般是配置 .env .env.production 等。默認配置就是用 .env 示例：為啥要封裝，因為開發(fā)模式需要proxy代理。。而線上模式不需要。 /dev-api 只要不和web里的path 沖突就行，也可以取其他名字。開發(fā)模式就是web的路徑，再加個特殊的path 用作代理。其他模式不需要proxy配置，直接走
2024年02月11日
瀏覽(25)
vue.config.js中proxy配置
這里以axios發(fā)請求為例如果發(fā)送的請求都以 /abc 開頭，那么我們就可以在proxy中進行服務(wù)器代理配置。 3.代理多個接口方法1：監(jiān)測多個接口，可以在proxy中寫多個配置：（適用于target不同的代理，相同也可以用這個方法，就是會麻煩一點，對于相同的target方法2會比較方便）
2024年02月22日
瀏覽(25)

<tfoot id="m6qqa"></tfoot>

<rt id="m6qqa"></rt>