新建一个Vue项目后，如何在vue.config,js中配置后端访问地址
warning:
这篇文章距离上次修改已过189天，其中的内容可能已经有所变动。
在Vue项目中，您可以通过修改vue.config.js文件来配置您的后端访问地址。如果您需要设置代理来处理后端请求，可以使用devServer.proxy选项。
以下是一个配置示例，假设您的后端API服务器地址是http://localhost:3000：
// vue.config.js
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:3000',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
};在这个配置中，当您的Vue应用尝试访问/api开头的路径时，所有的请求都会被代理到http://localhost:3000。changeOrigin设置为true是为了确保API请求中的Host头信息正确。pathRewrite用于重写请求路径，去除/api前缀。
请确保您的Vue项目中已经有一个vue.config.js文件，如果没有，您可以创建一个。如果您的后端服务器端口或地址不同，请将target值替换为您的实际后端地址。
评论已关闭