脚本宝典收集整理的这篇文章主要介绍了关于vue-cli的本地开发 run dev,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
开发的时候启动webpack热替换
npm run dev
默认端口号是8080
如果希望修改端口号,则进入~configindex.js
,修改dev
下的port
为希望启动的端口号
例如: port: 80,
进入~configindex.js
,在dev
下的proxyTable
就是网址映射
proxyTable: {
'/api': {
target: 'http://localhost:6060',//要跨域访问的API域名
rewrite: function(req) {
//可以用正則方式替代掉,這樣往後 /api/xxx/xxx 之類的網址,就會自動匹配了
req.url = req.url.replace(/^/api/, '');
}
}
}
這樣當你呼叫 /api
時:
this.$http.get('/api')
就會幫你自動導向 http://localhost:8080/api
,是為了當 Server 和 前端 不在同個網域或是Port時,可以方便調試,例如我 Server 在 localhost:6060
,前端在 localhost:5050
,就可以直接調用 /api
,而不用每次都要加上完整網址
更多信息可参考: https://webpack.github.io/docs/webpack-dev-server.html#proxy
参考地址: http://wwsun.github.io/posts/fetch-api-intro.html
以上是脚本宝典为你收集整理的关于vue-cli的本地开发 run dev全部内容,希望文章能够帮你解决关于vue-cli的本地开发 run dev所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。