【Vue3】用config.js文件全局配置后端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