第一步使用axios获取远程数据具体步骤

1. 在终端安装axios npm i axios
2. 工程目录结构分支 my-site下src下api，在api目录下建立一个test.js文件

//test.js
   import axios from "axios"
   async function getNews(){
   //请求数据网站
     const resp = await axios.get("https://cm.bilibili.com/api/fees/pc");
     console.log(resp);
     }
   getNews();

在main.js导入import "./api/test"; 然后npm run serve

3.获取远程数据可能会产生跨域问题

• 把test.js修改为本机的协议主机端口请求路径
• 在根目录my-site下建立vue.config.js文件
• 在其中配置vue-cli

//test.js
   import axios from "axios"
   async function getNews(){
   //请求数据网站
   //改为本地的协议主机端口http://localhost:8080
   //也可以省略协议主机端口，则跟当前网页保持一致
   //const resp = await axios.get("/api/fees/pc");
     const resp = await axios.get("http://localhost:8080/api/fees/pc");
     console.log(resp);
     }
   getNews();

//vue-cli的配置文件
//vue.config.js
   module.exports = {
     devServer: {
       proxy: {
       //代理路径
         "/api": {
           target:"https://www.zhihu.com"
         },
       },
     },
   };

• 若请求路径不以/api开头，则配置开头的文件
• 更改配置文件需要重新启动npm run serve