node.js - 怎么使用webpack vue配合express进行开发
问题描述
我现在通过vue-cli来初始化项目,将后台相关的代码放在 根目录下的 server文件夹下,并且webpack启动了8080端口的本地服务器,server下的express启动了3000端口的服务器。目前 我可以通过如下方式前台发起get请求获取到express的response,大概发起与接收清代如下。
export default { data () { return { a: ’aaaaaaa’ } }, components: { Hello }, created: function () { this.$http.get(’http://localhost:3000/api/test’).then(function (data) { console.log(data) }) }}
var express = require(’express’);var app = express();var api = require(’./routes/api’);// 跨域支持app.all(’*’, (req, res, next) => { const origin = req.headers.origin; res.header(’Access-Control-Allow-Origin’, origin); res.header(’Access-Control-Allow-Headers’, ’Origin, X-Requested-With, Content-Type, Accept, token’); res.header(’Access-Control-Allow-Credentials’, true); res.header(’Access-Control-Allow-Methods’, ’GET, POST, PUT, OPTIONS, DELETE’); next();});app.use(’/api’, api);app.listen(3000);
var express = require(’express’);var router = express.Router();router.get(’/test’, function (req, res, next) { res.send({msg: ’success’});})module.exports = router;
然后这个msg的值 就存在了 response.body下现在我有2种选择,因为想做一个社区做为毕业设计,那使用vue-router 还是 express做路由 比较好呢?使用vue-router 就是通过localhost:8080来访问页面, 后台是通过返回json数据,前台vue获取来渲染页面?使用express的路由, 就是通过localhost:3000来访问页面,后台直接发送静态文件,或者是否可以在ejs模板引擎中使用vue组件呢?
问题解答
回答1:那是因为vue-cli已经自带了express,cli本身就是个一站式环境搭建。你可以看下package.json,里面已经有了express
关于express.Router()的话,之前我也没用过,去官网看了下。你试试在router.get()代码后面加上app.use(router)试试。
router.get(’/test’, function (req, res, next) { res.send(’test’);})app.use(router);app.listen(3000);
express.Router()链接:http://expressjs.com/zh-cn/4x...
相关文章:
1. javascript - 使用JavaEE——SSH框架开发Web项目,如何使用CORS实现跨域请求?2. navicat for mysql 如何导出表的索引3. java - 微信退款,公账号向个人转账SSL验证失败4. django - python 2层文件夹导入5. javascript - 使用node multer如何上传文件到多台服务器?6. nginx - php-fpm更改默认端口后无法启动7. javascript - 用jq ajax可以获取不同域的数据吗?8. 读取音频文件并使用Java显示波形。9. 请问朱老师,如何配置url访问路由10. Mysql 组合索引最左原则的疑惑
![javascript - 用jq ajax可以获取不同域的数据吗?](http://www.haobala.com/attached/image/17.jpg)