【Vue3】 1.4 Axios 的使用以及跨域问题

关于Axios在Vue3中的使用

在网上有好多各种样的配置，创建这个目录，建立哪个文件，都不知道在说啥。其实使用axios非常简单

1. src目录下，随便找个地方，建一个axios.ts文件
2. 在文件中import axios from ‘axios’ 然后 const api = axios.create() 再让后 exprot default api 就行了
3. 在任何一个需要用网络请求的vue文件中 import api from ‘…axios.ts’ 这就是所有的配置

我都不知道网上那些教程都是咋写的，还有 vue-axios 都不知道是啥。。

跨域问题 CORS

网上也有各种各样的教程，因为CORS都是前端才能看到，所以很多都在前端使劲，而且大家都知道CORS本质是浏览器的策略，所以还是在前端使劲。实则这问题要解决，跟前端和浏览器没有啥关系，只要后端给你配置以下返回信息头即可。
以SpringBoot为例，在Controller 类 上增加 一个注解就完事儿了。如果你有很多Controller 就写很多这样的注解，也可以写到方法上，可以更加精准控制。怕麻烦，或者是不怕麻烦，也可以写一个filter啊 config啥的，来处理这个问题，网上一搜一大堆。

@CrossOrigin(origins = "*")

这个问题搜索的时候，一定是跟着你的后端语言搜’PHP CORS’ 或者 'SpringBoot CORS’之类的，不要搜’VUE CORS’这样只能找到前端大神们的神奇回复。

后记

这个小文发布后，发现有一个提示，大致意思是：

此文章质量较低，不会获得较多流量扶持！ 可能的原因为：篇幅太短，广告涉嫌违规，外链过多，缺少代码，图片涉嫌违规。

我这个小文应该就只有这两个原因，想了想，网上那种复杂的解决问题的方案，是不是也受这个提示影响，本来两句话就可以搞定的事情，必须得长篇大论，代码有用没用贴一堆。优快云这么干，真的好么？