vue 调用本地json配置

摘要:
在webpack.dev.conf.js文件中/*----------------jsonServer---------*//*引入json-server*/constjsonServer=require('json-server')/*搭建一个server*/constapiServer=jsonServer.create()/*将db.json关联到server*/constapiRouter
在webpack.dev.conf.js文件中
/*----------------jsonServer---------*/
/*引入json-server*/const jsonServer = require('json-server')
/*搭建一个server*/const apiServer =jsonServer.create()
/*将db.json关联到server*/const apiRouter = jsonServer.router('db.json')
const middlewares =jsonServer.defaults()
apiServer.use(middlewares)
apiServer.use(apiRouter)
/*监听端口*/apiServer.listen(3000, () =>{
console.log('JSON Server is running')
})

在config文件夹的index.js 配置跨域

/*代理配置表,在这里可以配置特定的请求代理到对应的API接口*/
    /*下面的例子将代理请求 /api/getNewsList  到 http://localhost:3000/getNewsList*/proxyTable: {
      '/api': {
        changeOrigin: true, //如果接口跨域,需要进行这个参数配置
        target: 'http://localhost:3000', //接口的域名
pathRewrite: {
          '^/api': '' //后面可以使重写的新路径,一般不做更改
}
      }
    },

免责声明:文章转载自《vue 调用本地json配置》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇使用Gulp构建Web服务器nginx: [emerg] bind() to 0.0.0.0:80 failed (13: Permission denied)错误解决办法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

终于明白了vue使用axios发送post请求时的坑及解决原理

前言:在做项目的时候正好同事碰到了这个问题,问为什么用axios在发送请求的时候没有成功,请求不到数据,反而是报错了,下图就是报错请求本尊 vue里代码如下: this.$http.post('/getMatterList.do',{"matterIds":"1,2,3"}) .then((res)=>{ conso...

【翻译】Flink Table API & SQL 自定义 Source & Sink

本文翻译自官网:https://ci.apache.org/projects/flink/flink-docs-release-1.10/dev/table/sourceSinks.html TableSource 提供访问存储在外部系统(数据库、key-value 存款,消息队列)或文件中的数据的权限。TableSource 在 TableEnviron...

前端框架Vue自学之Vue CLI(五)

终极目标:掌握和使用Vue(全家桶:Core+Vue-router+Vuex) 本博客目的:记录Vue学习的进度和心得(Vue CLI) 内容:学习和使用Vue CLI2 和 Vue CLI3。如果了解webpack如何一步步配置的,建议可以先看我的前一个博客:前端框架Vue自学之webpack(四)。 正文: Vue CLI 一、Vue CLI 1、前言...

阿里云人脸比对API封装

这是根据封装是根据阿里云官方给的Demo进行修改的,当时是因为编写微信小程序云函数需要使用到阿里云人脸比对接口,才对其进行封装的。 记录下来,方便下次使用。 复制下来可以直接使用。 用到的依赖如下,使用npm安装: request url crypto 1 /** 2 * 文件说明:阿里云人脸比对API封装 3 */ 4 5 var request...

如何机智判断页面是刷新还是关闭,背景:vue项目,需求:关闭页面,下次直接跳到登陆页

最近项目有这么个需求:要在关闭当前系统的窗口的时候,退出登录, 因为如果不退出登录可能存在安全风险,其实我想说,电脑没事别借给别人活着离开工位记得一定要锁屏,其实我们设置了cookie失效时间的,过了一段时间会自动清空cookie。 经过我查资料,自身尝试网上的各种方法,发现都有问题。 总结这一路的尝试: 一、页面加载时只执行onload ,页面关闭时只执...

FFmpeg解码H264及swscale缩放详解

原文  http://blog.csdn.net/gubenpeiyuan/article/details/19548019 主题 FFmpeg 本文概要:         本文介绍著名开源音视频编解码库ffmpeg如何解码h264码流,比较详细阐述了其h264码流输入过程,解码原理,解码过程。同时,大部分应用环境下,以原始码流视频大小展示并不是...