node.js - 怎么使用webpack vue配合express進(jìn)行開(kāi)發(fā)
問(wèn)題描述
我現(xiàn)在通過(guò)vue-cli來(lái)初始化項(xiàng)目,將后臺(tái)相關(guān)的代碼放在 根目錄下的 server文件夾下,并且webpack啟動(dòng)了8080端口的本地服務(wù)器,server下的express啟動(dòng)了3000端口的服務(wù)器。目前 我可以通過(guò)如下方式前臺(tái)發(fā)起get請(qǐng)求獲取到express的response,大概發(fā)起與接收清代如下。
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;
然后這個(gè)msg的值 就存在了 response.body下現(xiàn)在我有2種選擇,因?yàn)橄胱鲆粋€(gè)社區(qū)做為畢業(yè)設(shè)計(jì),那使用vue-router 還是 express做路由 比較好呢?使用vue-router 就是通過(guò)localhost:8080來(lái)訪問(wèn)頁(yè)面, 后臺(tái)是通過(guò)返回json數(shù)據(jù),前臺(tái)vue獲取來(lái)渲染頁(yè)面?使用express的路由, 就是通過(guò)localhost:3000來(lái)訪問(wèn)頁(yè)面,后臺(tái)直接發(fā)送靜態(tài)文件,或者是否可以在ejs模板引擎中使用vue組件呢?
問(wèn)題解答
回答1:那是因?yàn)関ue-cli已經(jīng)自帶了express,cli本身就是個(gè)一站式環(huán)境搭建。你可以看下package.json,里面已經(jīng)有了express
關(guān)于express.Router()的話(huà),之前我也沒(méi)用過(guò),去官網(wǎng)看了下。你試試在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...
相關(guān)文章:
1. 如何設(shè)置一個(gè)無(wú)限循環(huán)并打破它。(Java線程)2. javascript - immutable配合react提升性能?3. shell - mysql更新錯(cuò)誤4. mysql - 在log日志中已知用戶(hù)的某一步操作,如何獲取其上一步操作?5. php對(duì)mysql提取數(shù)據(jù)那種速度更快6. javascript - vue中使用prop傳遞數(shù)據(jù)問(wèn)題7. 網(wǎng)頁(yè)爬蟲(chóng) - 如何使用使用java抓取信息并制作一個(gè)排名系統(tǒng)?8. python小白 自學(xué)看書(shū)遇到看不懂的地方9. ubuntu如何啟動(dòng)sublime10. javascript - avalon.js ms-on 事件綁定無(wú)效 ?

網(wǎng)公網(wǎng)安備