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. node.js - mysql如何通過knex查詢今天和七天內的匯總數據2. mysql 插入數值到特定的列一直失敗3. 360瀏覽器與IE瀏覽器有何區別???4. Python從URL中提取域名5. mysql - 百萬行的表中是否盡量避免使用update等sql語句?6. python - 在使用Pycharm時經常看到如下的樣式,小括號里紅色的部分是什么意思呢?7. javascript - 新浪微博網頁版的字數限制是怎么做的8. 怎么在網頁中設置圖片進行左右滑動9. javascript - 豆瓣的這個自適應是怎么做的?10. javascript - 用jsonp抓取qq音樂總是說回調函數沒有定義
