【Vue3】用config.js文件全局配置后端url
简单来说，在Vue 项目中，文件是一个可选的配置文件，它允许开发者自定义项目的各种设置，以满足特定需求。更详细的介绍本博客只介绍如何在此全局配置url。
·
问题引入
在使用vue3写作前端和后端交互时，需要在每个请求前加上后端的url来确定
有没有可全局配置的方法
config.js介绍
简单来说，在Vue 项目中，vue.config.js 文件是一个可选的配置文件，它允许开发者自定义项目的各种设置，以满足特定需求。
更详细的介绍
本博客只介绍如何在此全局配置url
实现
1.在src下新建config.js
并写作以下代码（其中url变量就表示需要被替换的后端地址）
2. 在用到该config变量的组件中引入
注意 @表示src文件夹，config文件无需写作.js后缀
3. 引入config变量
带vue-router的路由的时候需要额外注意url后面有没有/，否则容易报错！
项目地址：https://github.com/Bruce20030106/mycinema/tree/master
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
3
0- 0
已为社区贡献3条内容
所有评论(0)