如何将后端添加到webpack模板?

时间:2017-03-12 14:10:06

标签: express webpack vue.js webpack-dev-server

我是Vue.js和Webpack的新手。我尝试使用vue-cli来使用webpack模板。 生成一个新项目后,我想添加一个后端。

我的问题是,将后端(快速服务器)添加到同一个项目是否是一个好主意?

或者我应该为此创建一个新项目?

2 个答案:

答案 0 :(得分:3)

如果你仔细研究模板的问题,你会发现很多答案。特别是Issue #456正在使用代理讨论此主题。代理只会镜像api来运行本地环境。所以你没有任何CORS问题。 另一个来源是文档文件夹:Backend。它基本上建议使用代理表,它将镜像本地调用某种后端。我喜欢运行两种不同类型的项目(一个asp.net核心web api和这个模板)。

将config / index.js编辑为:

HttpClient

// config/index.js module.exports = { // ... dev: { proxyTable: { // proxy all requests starting with /api to jsonplaceholder '/api': { target: 'http://localhost:5431', changeOrigin: true, pathRewrite: { '^/api': '' } } } } } 的请求将镜像到/api/posts/1

答案 1 :(得分:2)

我有同样的问题,发现了这个有趣的项目:https://github.com/danmademe/express-vue。看起来像一个可能的解决方案,并收到了相当数量的明星。免责声明:我也是nodejs的新手,可以告诉你更多相关信息。我会试一试,特别是因为它有两个示例项目。

这是background blog post