cli如何获取服务器数据 vue_刚刚学习Vue,使用Vue-cli生成的项目,怎么配置服务器数据的访问?...

如题,用vue-cli init webpack [项目名], 我们都知道浏览器有跨域访问限制,使用npm run dev运行起来的服务是没有服务器代码支持的!这个问题怎么破?是要解决webpack的配置么?大家是怎么使用vue来开发的?

webpack-dev-server可以配置代理,

devServer: {

proxy: {

'/some/path*': {

target: 'https://other-server.example.com',

secure: false,

},

},

},

上述例子的效果就是,匹配到/some/path* 的http请求都会走https://other-server.example.com, *号是通配符。比如你的接口是’/some/path/login’,那么webpackd-dev-server自动请求到’https://other-server.example.com/login’。

建议阅读官方文档

服务器端需要提供可访问的接口,或者用数据模拟下。 我就是用数据模拟了下,你可以看下 https://github.com/xwartz/vue-v2ex

@g0ne150 的办法应该算是一种解决方案。目前,我是自己修改了webpack的配置文件,使用watch方式将所有文件都编译到指定文件。

我也遇到这个问题使用vue-cli 生成的项目 配置代理无效

按这个配置无效

http://vuejs-templates.github.io/webpack/proxy.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值