您好,匿名用户

vue-cli webpack express配置服务端路由规则

0 投票

vue-cli的webpack项目中,服务端定义路由规则,在dev-server.js中添加路由引用,修改页面路径结构和模板,不知道页面请求和响应哪里出了问题。

例如定义如下路由

var express = require('express');
var router = express.Router();
var multer = require('multer')

var upload = multer({ dest: 'upload/' });
router.get('/', function(req, res) {
    res.render('index', { title: 'index' });
});

router.get('/error', function(req, res) {
    res.render('error', { title: 'error' });
});

router.get('/index', function(req, res) {
    res.render('index', { title: 'index123' });
});

router.post('/test',  function(req, res, next) {

    res.send({ ret_code: '0' });
});

module.exports = router;

在dev-server.js中添加路由引用,修改页面路径结构和模板

var routes = require('./server/routes')
var ejs = require('ejs');
app.engine('html', ejs.__express);
app.set('views', path.join(__dirname, "views"));
app.set('view engine', 'html');
app.use('/', routes);

暂时还没看清楚哪里出了问题

用户头像 提问 2017年 5月27日 @ Trish 下士 (614 威望)
分享到:

1个回答

0 投票

这配置没问题。

// serve webpack bundle output
app.use(devMiddleware)

// enable hot-reload and state-preserving
// compilation error display
app.use(hotMiddleware)

app.use('/', routes);

按这样操作,以上代码会按顺序处理,vue-cli中默认添加了devMiddleware、hotMiddleware这两个中间件,可以按需调整使用。

用户头像 回复 2017年 5月27日 @ 匿名用户
提一个问题:

相关问题

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

IT技术交流群 - 随意问
欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...