在Vue项目中配置后端地址可以通过修改config/index.js文件来完成。
-
打开
config/index.js文件； -
查找到
proxyTable属性，如果没有则手动添加该属性； -
将需要访问的接口路由设置为对应的后端地址，示例如下所示：文章来源：https://www.toymoban.com/news/detail-791068.html
module.exports = { // ...其他配置... dev: { proxyTable: { '/api': { target: 'http://localhost:8080', // 这里写上后端服务器的地址及端口号 changeOrigin: true, pathRewrite: { '^/api': '' // 若后端接口不包含'/api'前缀，则此处可省略 } }, // 还可以根据需求配置更多的代理表达式 } } } - 保存并关闭文件；
-
重新运行Vue项目时，就会使用配置好的后端地址进行数据交互了。文章来源地址https://www.toymoban.com/news/detail-791068.html
到了这里，关于vue项目配置后端地址的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
