我要评论刚学完配置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不生效的资料请关注代码网其它相关文章！
发表评论