vue3中配置文件vue.config.js不生效的解決辦法
更新時(shí)間：2024年05月16日 10:16:37 作者：qq_26264187
這篇文章主要介紹了vue3中配置文件vue.config.js不生效的解決辦法,文中通過代碼示例講解的非常詳細(xì),對(duì)大家解決問題有一定的幫助,需要的朋友可以參考下
剛學(xué)完配置vue.config.js
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
devServer: {
proxy: {
'/api': {
target: 'http://192.168.1.228:8080', //后端的地址
ws: true,
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
},
}
}
})發(fā)現(xiàn)訪問http://localhost:5173/api/login/user訪問結(jié)果404
經(jīng)檢查package.json文件
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview"
}發(fā)現(xiàn)Vue 3 在使用 Vite 作為構(gòu)建工具，所以跨域配置應(yīng)在 vite.config.js 文件中進(jìn)行
import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue(),
],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
},server:{
proxy:{
'/api':{
target:'http://192.168.1.228:8080',
changeOrigin:true,
rewrite:path=>path.replace(/^\/api/,'')
}
}
}
})配置完成重啟，訪問成功
以上就是vue3中配置文件vue.config.js不生效的解決辦法的詳細(xì)內(nèi)容，更多關(guān)于vue3 vue.config.js不生效的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
el-table樹形表格表單驗(yàn)證(列表生成序號(hào))
這篇文章主要介紹了el-table樹形表格表單驗(yàn)證(列表生成序號(hào))，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
基于Vue實(shí)現(xiàn)封裝一個(gè)虛擬列表組件
正常情況下，我們對(duì)于數(shù)據(jù)都會(huì)分頁(yè)加載，最近項(xiàng)目中確實(shí)遇到了不能分頁(yè)的場(chǎng)景，如果不分頁(yè)，頁(yè)面渲染幾千條數(shù)據(jù)就會(huì)感知到卡頓，使用虛擬列表就勢(shì)在必行了。本文主要介紹了如何基于Vue實(shí)現(xiàn)封裝一個(gè)虛擬列表組件，感興趣的可以了解一下2023-03-03
放大鏡在很多購(gòu)物網(wǎng)站都可以看的到，本文主要實(shí)現(xiàn) 固定放大兩倍,鼠標(biāo)進(jìn)入到左側(cè)圖片區(qū)域的時(shí)候,遮罩層顯示,離開時(shí),遮罩層隱藏，感興趣的可以了解一下2021-07-07
vue3與elementui封裝一個(gè)便捷Loading
這篇文章主要介紹了vue3與elementui封裝一個(gè)便捷Loading，，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-09-09
解決vue $http的get和post請(qǐng)求跨域問題
這篇文章主要介紹了解決vue $http的get和post請(qǐng)求跨域問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-06-06
這篇文章主要介紹了在vue中安裝使用vux的教程，本文給大家記錄了vuex的安裝使用過程，非常不錯(cuò)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2018-09-09
如何使用Vue3構(gòu)建一個(gè)圖像畫廊(支持圖片上傳)
這篇文章主要給大家介紹了關(guān)于如何使用Vue3構(gòu)建一個(gè)圖像畫廊(支持圖片上傳)的相關(guān)資料,Vue畫廊這是vue編寫的圖庫(kù)應(yīng)用程序,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
這篇文章主要給大家介紹了關(guān)于vue中適配px2rem的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11
這篇文章主要為大家詳細(xì)介紹了基于Vue實(shí)現(xiàn)支持按周切換的日歷，根據(jù)實(shí)際開發(fā)情況按每年、每月、每周進(jìn)行切換，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
混入(mixin)是一種非常靈活的方式,用來分發(fā)Vue組件中可復(fù)用的功能,一個(gè)混入對(duì)象可以包含任意組件選項(xiàng),下面這篇文章主要給大家介紹了關(guān)于Vue混入和繼承的相關(guān)資料,需要的朋友可以參考下2021-09-09