vue项目自己设置代理，使用公共免费接口

最新推荐文章于 2024-06-28 10:44:50 发布

前端小云儿

最新推荐文章于 2024-06-28 10:44:50 发布

阅读量152

点赞数

分类专栏： vue技能提升文章标签： vue.js

本文链接：https://blog.csdn.net/jieweiwujie/article/details/134475922

版权

vue技能提升专栏收录该内容

46 篇文章 2 订阅 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

本文介绍如何在Vue.js项目中设置自定义代理，以安全地使用公共免费接口。通过配置vue.config.js文件，可以避免跨域问题，轻松获取并测试第三方API数据。

摘要由CSDN通过智能技术生成

1、免费接口
	https://api.apiopen.top/api.html
	https://api.apiopen.top/api.html#0f1cec3c987d4620be6a8f98d8335d13
	
	1安装axios
	npm install axios --save axios
	2 安装element
	npm i element-ui -S
	在 main.js 中写入以下内容：
	import Vue from 'vue';
	import ElementUI from 'element-ui';
	import 'element-ui/lib/theme-chalk/index.css';
	import App from './App.vue';
	Vue.use(ElementUI);

2.设置启动项目 浏览器自动打开项目
module.exports = {
  lintOnSave: false,
  devServer: {
      host: 'localhost',   //本地
      port: 0527,    //端口号
      open: true   //默认false   true自动打开
  }
}