vue开发中跨域设置,即配置后台数据
来源:互联网 发布:扫图识别软件 编辑:程序博客网 时间:2024/05/22 08:11
由于项目需要,公司最近的项目需要用到vue.js,本来从来没有接触过node.js 之类的开发,导致开发这个很吃力,还有由于不忙,最近一直在看这个,对于vue 的开发,有一个很好的源码,大家可以去学习学习下。 https://github.com/PanJiaChen/vue-element-admin/
好了,说下本文的重点,我也是从上面的项目开始慢慢研究的,这个项目的数据是用 mockjs 模拟的,但是我们实际开发,数据肯定是需要从数据库读取的,这个研究了好久,纠结了好久,找了各种资料,一直没有头绪,后面发现,在工程的config目录中index文件里有一个参数叫proxyTable,于是找了上网查了下,网上有关于API proxy的说明,使用的就是这个参数。
https://vuejs-templates.github.io/webpack/proxy.html
于是,我们可以修改工程下config文件夹下的index.js中的dev:{}部分
env: require('./dev.env'), port: 8080, autoOpenBrowser: false, assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api': { target: 'http://localhost:8080', changeOrigin: true, pathRewrite: { '^/api': '' } } }, // CSS Sourcemaps off by default because relative paths are "buggy" // with this option, according to the CSS-Loader README // (https://github.com/webpack/css-loader#sourcemaps) // In our experience, they generally work as expected, // just be aware of this issue when enabling this option. cssSourceMap: false}
将target设置为我们需要访问的地址或者域名。然后我们要做数据交互的时候,就把写成 /api +你的方法地址了。
阅读全文
0 0
- vue开发中跨域设置,即配置后台数据
- vue 请求后台数据
- vue项目模拟后台数据
- Vue.js 请求后台数据
- vue开发请求本地模拟数据的配置方法
- Vue开发配置cnpm
- 配置Vue开发环境
- vue 饿了么模拟后台数据
- 在webconfig上设置数据库连接设置,或者在webconfig上定义数据后,在应用程序编辑界面,即后台调用webconfig内的数据
- 【Vue】5.vue mock数据(模拟后台)
- vue开发的一个后台系统
- Vue.js---配置开发环境
- vue项目开发配置信息
- webstorm开发vue相关配置
- 表格F7后台数据设置
- WPF 后台设置数据绑定
- vue去掉严格开发,即去掉vue-cli安装时的eslint
- vue mock json 数据(模拟后台数据)
- tests
- 《javascript高级程序设计(第3版)》阅读笔记
- rabbitmq windows集群
- JavaSE阶段1_NsobJect,核心机制,垃圾回收,类型转换
- JavaSE阶段2_内部类
- vue开发中跨域设置,即配置后台数据
- java面试题总结_lemonen
- sublime快捷键
- tbnet 源码分析
- JavaSE阶段2_String,StringBuffer,System,Math,Arrays
- SOAP Web Service与REST Web Service的区别
- Laravel 中的服务容器、服务、服务提供者
- lua 屏蔽密码功能实现
- java中的日期