vue3中配置文件vue.config.js不生效的解决办法
更新时间：2024年05月16日 10:16:37 作者：qq_26264187
这篇文章主要介绍了vue3中配置文件vue.config.js不生效的解决办法,文中通过代码示例讲解的非常详细,对大家解决问题有一定的帮助,需要的朋友可以参考下
刚学完配置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': ''
}
},
}
}
})发现访问http://localhost:5173/api/login/user访问结果404
经检查package.json文件
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview"
}发现Vue 3 在使用 Vite 作为构建工具，所以跨域配置应在 vite.config.js 文件中进行
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不生效的解决办法的详细内容，更多关于vue3 vue.config.js不生效的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了vue储存storage时含有布尔值的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-06-06
这篇文章主要介绍了vue-pdf打包后无法预览问题及修复方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要为大家详细介绍了vue自定义开关组件的使用，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
这篇文章主要介绍了vue实现动态监测元素高度方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
Vue的配置项'vue.config.js'是用来配置Vue项目的构建配置的,它是一个可选的配置文件,放置在项目的根目录下,这篇文章主要给大家介绍了关于vue配置vue.config.js的相关资料,需要的朋友可以参考下2024-01-01
这篇文章主要介绍了VUE对Storage的过期时间设置,及增删改查方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-02-02
这篇文章主要介绍了Vuex的初探与实战小结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
这篇文章主要介绍了利用Vue的v-for和v-bind实现列表颜色切换，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)
这篇文章主要介绍了vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-06-06
vue依赖包报错问题eslint\lib\cli-engine\cli-engine.js:421
这篇文章主要介绍了vue依赖包报错问题eslint\lib\cli-engine\cli-engine.js:421,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
最新评论