分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

vue 调用本地json配置

发布时间:2023-09-06 02:02责任编辑:沈小雨关键词:jsjson配置
在  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配置

原文地址:https://www.cnblogs.com/caoruichun/p/9251878.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved