Vue之vue.config.js的作用 在其中自己创建一个接口并使用 (小项目专用)

最新推荐文章于 2024-04-23 13:05:07 发布
最新推荐文章于 2024-04-23 13:05:07 发布
阅读量3.7k 收藏 8
点赞数 6
文章标签： vue vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_48046110/article/details/109103812
版权

1.首先在项目中创建一个文件夹 命名为 vue.config.js，准确的来说 是在vue.config.js中定义接口
数据定义如下图
在这里插入图片描述
定义完成后我们就可以打开浏览器查看自己的接口啦 如下图
在这里插入图片描述
接下来使用接口
在这里插入图片描述

数据接口源码地址《= 点击即可

如果下载不了的 给我留言 我单独发~

A-linWeb
关注
  • 6
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue config.js详解——vue config.js到底是什么，有什么作用?
wjsn520的博客
05-30 1万+
我们在做vue项目的时候，在根目录中肯定都看到过一个config.js文件，那么这个文件在整个项目中到底有什么作用呢？ vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。具体可以查阅Vue CLI配置参考：https://cli.vuejs.org/zh/confi
vue.config.js
nalanxiaoxiao2011的博客
05-26 2607
vue.config.js
vue.config.js详解
qq_39441438的博客
01-05 5139
vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。 这个文件应该导出一个包含了选项的对象： // vue.config.js module.exports = { //默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 https://w
vue.config.js相关说明
m0_61198777的博客
05-17 337
constport=8800;//端口 //官方vue.config.js参考文档https://cli.vuejs.org/zh/config/#vue-config-js module.exports={ //默认情况下，VueCLI会假设你的应用是被部署在一个域名的根路径上 //baseUrl，从VueCLI3.3起已弃用 //例如https://www.aa.bb/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如...
vue之vue.config.js详解
yiguang_820的博客
06-24 216
指定ip和端口
vue.config.js简介
热门推荐
shiyansama的博客
11-03 4万+
Vue.config.js 前言 我们在创建一个vue项目的时候，vue-cli并不会帮我们创建vue.config.js。而我在写暑假考核的时候就用到了这个东西： [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-W2aTpTUC-1604371001318)(C:\Users\15998\Pictures\Saved Pictures\vue.config.js.png)] 它其实是以一个可选的配置文件，如果项目中的根目录 (和 package.json 同级的) 中存在这个
vue中通过axios创建一个接口请求api管理
在无知中学习，在学习中成长，在成长中学习
12-02 888
vue中通过axios创建一个引入axios创建request.js使用案例api/ceshi.js使用 引入axios npm install axios 创建request.js import axios from "axios" axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8' //创建axios实例 const service=axios.create({ // axios中请求配置有baseU
Vue的 vue.config.js 配置
m0_69497411的博客
03-26 2461
是一个可选的配置文件，如果项目的根目录中存在这个文件，那么它会被自动加载。也可以使用中的vue字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。
【VUE】关于vue.config.js的小知识（一）
Lanna_w的博客
10-23 2353
更多文章欢迎关注公众号“三横兰” vue.config.js 当我们想要定义一些全局变量，比如常用的包管理器或者部署应用包的基本URL时，可以通过vue.config.js配置文件定义。这个文件是可选的，如果在项目的根目录下，那么它会被 @vue/cli-service 自动加载，比如我们常用到的vue-cli-service serve或者vue-cli-service build。当然，如果不想用这个文件，也可以直接写在package.json的vue字段。如果根目录下存在vue.config.js文件
【Vue-cli入门】脚手架配置文件vue.config.js详解
qq_40279656的博客
08-05 7636
为什么要配置vue-cli 最近发现很多初学的小伙伴不知道vue-cli项目是可以进行配置的，配置脚手架可以解决很多细节问题，比如设置打包文件的输出目录名、打包引入资源的初始路径、配置本地服务器、配置webpack等。下面我把vue.config.js的常用配置代码分享给大家，然后会对每一个配置项做一个详细的介绍。 首先生成脚手架项目（会创建脚手架的此处略过） 1.npm install -g @vue/cli // 全局安装vue-cli 2.vue create xxx // 在当前目录下创建
对Vue cli3中vue.config.js的认识
u010085702的博客
04-10 164
我们要想快速入手一个vue项目，那么就需要我们对vue的脚手架vue cli（会自动生成项目目录、webpack配置文件）有一个初步的认识，我们知道vue-cli底层也是通过webacp的配置帮助我们实现项目的打包的，但是vuecli对webpack进行了封装，所以尽管我们不熟悉webpack，但是我们依然可以对vue.config.js进行配置 注：vue.config.js最终也是通过脚手架...
解析vue.config.js文件
最新发布
韩旭不会敲代码吧的博客
04-23 2530
解析vue.config.js文件
在vue.config.js中模拟后端接口数据
CreatorRay的博客
01-20 1392
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！ 现在都流行前后端分离，前端干前端的事，后端干后端的事。 但是我们在前端的实际开发时，有时候是需要数据辅助的，但是可能后端的接口还没写好，或者和后端在开发前期沟通太耗时耗力。我们前端就需要自己模拟一下后端的数据。 首先我在使用VueCli搭建的项目根目录下新建一个vue.config.js的文件。可能之前的脚手架版本还有这个文件，但是VueCli3之后的都没有，所以要自己新建一下。 新建之后写下如下代码： module.expo.
Vue vue.config.js 的详解与配置
Allen-Ye博客
04-09 2万+
Vue的 vue.config.js 配置 1. 为什么要配置 vue.config.js 由于 vue-cli 3 也学习了 rollup 的零配置思路，所以项目初始化后，没有了以前熟悉的 build 目录，也就没有了 webpack.base.config.js、webpack.dev.config.js 、webpack.prod.config.js 等配置文件。 但是有些内容需要进行相关的配置，所以我们还是要创建一个vue.config.js来进行数据修改，比如代理啥的 2.里面的配置详解 vue.
如何修改Vue打包后文件的接口地址配置
IT_iosers的博客
11-30 1462
常规的vue项目分为本地环境和生产环境，我们只要对 config 文件夹下的 dev.env.js 和 prod.env.js 做相应的配置即可。但是最近在做的项目中，涉及到私有化部署，就是对应的生产环境的地址，不是唯一的。如果每次都修改一个地址，再打包文件进行部署，过程繁琐且低效。那么如何把环境地址设置成可配置的，不需要再构建代码就能直接生效呢？ 步骤一：在public文件下新建一个config.js文件 window.global_config = { BASE_URL: 'http.
SpringBoot日志配置(二)
a1773570500的博客
09-21 189
配置文件21.配置文件占位符2.Spring中的多环境支持配置3.配置文件加载位置4.外部文件的加载顺序5.配置文件能配置的属性参照：6.配置文件的自动配置原理 1.配置文件占位符 1.可以写随机数 ${random.value}、${random.int}、${random.long}${random.int(10)}、${random.int[1024,65536]} 2.占位符获取之前配置的值，如果没有可以使用:指定默认值 person.last‐name=张三${random.uuid} pers
vue.config.js使用代理配置真实请求url
盼盼大小姐的博客
11-22 4512
前端请求接口过程中为解决跨域问题，会配置代理请求url，配置之后浏览器只能看到local host路径。为方便查看请求的真实ip，需要在vue.config.js中做如下配置，便能在浏览器实时查看到真实地址。
vue.config.js请求数据
weixin_56358229的博客
08-14 646
vue.config.js let mockData = require("./mockData"); module.exports = { lintOnSave: false, // 是否开启ESLint devServer: { before(app) { // app express提供的 mockData(app); } }, productionSourceMap: false // 不产生sourcemap文件 }; 建立mockDat.
VUE 之 项目常规配置详解
我的世界我的光彩
03-13 4376
ESLint 是一个开源的 JavaScript 代码检查工具，可以用来检查代码中的潜在问题和风格问题，以确保代码的一致性和可读性。this.$route.params 是一个对象，包含了路由中的动态参数，例如在路由配置中定义了一个动态参数 id，可以通过 this.$route.params.id 来获取该参数的值。在这个例子中，使用 request 拦截器添加了一个认证信息的请求头，在 response 拦截器中处理了响应，如果响应状态码为 200，则返回响应数据，否则返回一个错误的 Promise。
我的vue项目中只有babel.config.js没有vue.config.js
04-13
在Vue项目中，babel.config.js和vue.config.js是两个不的配置文件，分别用于不同的用途。 babel.config.js是用来配置Babel编译器的配置文件。Babel是一个JavaScript编译器，它可以将新版本的JavaScript代码转换为向后兼容的版本，以便在旧版本的浏览器或环境中运行。babel.config.js文件用于指定Babel的配置选项，例如需要转换的语法、插件和预设等。 而vue.config.js是用来配置Vue项目的配置文件。Vue CLI是一个基于Vue.js进行快速开发的脚手架工具，它使用vue.config.js文件来配置项目的各种选项。在vue.config.js文件中，你可以配置项目的开发服务器、构建输出路径、静态资源路径、代理设置、插件配置等等。 如果你的Vue项目中只有babel.config.js而没有vue.config.js，那可能是因为你没有手动创建vue.config.js文件。默认情况下，Vue CLI会使用默认的配置选项来构建和运行项目，如果你需要自定义一些配置，可以手动创建vue.config.js文件，并在其中进行相应的配置。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值