摘要:前端項目使用搭建項目,這里就不發(fā)了安裝和配置或加載。目錄下文件修改來個請求,查看結果。
一。前端項目
1.使用vue-cli(vue2.0)搭建項目,這里就不發(fā)了.
axios安裝和配置
~ npm install axios
1. main.js或app.js加載axios。 import axios from "axios" Vue.prototype.$axios = axios 2. config目錄下index.js文件修改proxyTable
3. view來個get請求,查看結果。
二。后端項目
1. 使用koa2腳手架 ~ npm install -g koa-generator ~ koa2 nosqlDemo ~ npm install 項目搭建后基本目錄
2. app.js配置后端跨域,更改api請求端口為8081 ctx.set("Access-Control-Allow-Origin", "*"); ctx.set("Access-Control-Allow-Headers", "X-Requested-With"); ctx.set("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
3.?使用monk或mongoose,這里使用monk操作mongo ~ npm install monk 在user.js里調用 const Monk = require("monk") const db = Monk("mongodb://管理員賬號:管理員密碼@xxx.xxx.xx.xx:27017/testDb?authSource=admin") // testDb就是要查詢的數據庫集合
4. 表(文檔)查詢 const user = db.get("userinfo"); router.get("/dpi/getList", async (ctx) => { let st = await user.find(); ctx.response.type = "application/json"; console.log(st) ctx.body = st; }) 先來幾條瘋狂輸出的測試數據(mongo3.65之后查詢語句不一樣了)
5. 需要本地調試配置ide-debug,這里使用vscode { "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "debug-app", // "runtimeExecutable": "nodemon", "program": "${workspaceRoot}/app.js", "restart": true, "console": "integratedTerminal", "skipFiles": [ //skipFiles使斷點不進入到node_model包 "${workspaceRoot}/node_modules/**/*.js", "/**/*.js" ] } ] }
點一下有驚喜
三. 將后端ftp上傳到centos,并切換到目錄下啟動
centos下web環(huán)境配置(這里設置目錄/srv/www/server)參考: https://segmentfault.com/a/1190000015431830
~ npm start
后端中預留的app目錄包含層和m層,以后分離routes里的邏輯需要用到。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規(guī)行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://systransis.cn/yun/19291.html
摘要:項目地址干貨求本腳手架主要致力于前端工程師的快速開發(fā)一鍵部署等快捷開發(fā)框架,主要目的是想讓前端工程師在一個阿里云服務器上可以快速開發(fā)部署自己的項目。 項目地址https://github.com/fanshyiis/... 干貨!求star showImg(https://segmentfault.com/img/remote/1460000017886870); 本腳手架主要致力于...
摘要:異步最佳實踐避免回調地獄前端掘金本文涵蓋了處理異步操作的一些工具和技術和異步函數。 Nodejs 連接各種數據庫集合例子 - 后端 - 掘金Cassandra Module: cassandra-driver Installation ... 編寫 Node.js Rest API 的 10 個最佳實踐 - 前端 - 掘金全文共 6953 字,讀完需 8 分鐘,速讀需 2 分鐘。翻譯自...
摘要:既然前段工程化是基于,那么選擇做前后端分離部署也是理所應當的。有了這三個東西,我們就可以搭建出最簡單的前端服務器了。 前后端分離開發(fā)應該已經是很多公司的標配了,然而,在前端工程化的體系下,開發(fā)環(huán)境代碼和生產環(huán)境代碼往往是平級的,不再是整個文件夾往服務器上一扔就了事,這讓每次的部署過程相當繁瑣。 如下是常見的項目目錄: Project └──javaSrc └──app ...
摘要:前端打造了前端網站和后臺管理系統。根目錄都是開發(fā)源代碼,根目錄下的文件夾下都是前端網站項目源代碼,根目錄下的文件夾下都是后臺管理系統的源代碼。后臺管理系統使用在根目錄下進入項目,安裝包,執(zhí)行命令,啟動服務瀏覽器打開即可以訪問。 showImg(https://segmentfault.com/img/remote/1460000019603918); 這是個什么的項目? 使用 Node...
閱讀 2234·2021-11-22 09:34
閱讀 1346·2021-10-11 10:59
閱讀 4446·2021-09-22 15:56
閱讀 3301·2021-09-22 15:08
閱讀 3412·2019-08-30 14:01
閱讀 784·2019-08-30 11:16
閱讀 1137·2019-08-26 13:51
閱讀 2918·2019-08-26 13:43