資訊專欄INFORMATION COLUMN
摘要：前端項(xiàng)目使用搭建項(xiàng)目，這里就不發(fā)了安裝和配置或加載。目錄下文件修改來個(gè)請(qǐng)求，查看結(jié)果。
一。前端項(xiàng)目
1.使用vue-cli（vue2.0）搭建項(xiàng)目，這里就不發(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來個(gè)get請(qǐng)求，查看結(jié)果。
二。后端項(xiàng)目
1. 使用koa2腳手架 ～ npm install -g koa-generator ～ koa2 nosqlDemo ～ npm install 項(xiàng)目搭建后基本目錄
2. app.js配置后端跨域，更改api請(qǐng)求端口為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里調(diào)用
const Monk = require("monk")
const db = Monk("mongodb://管理員賬號(hào):管理員密碼@xxx.xxx.xx.xx:27017/testDb?authSource=admin") // testDb就是要查詢的數(shù)據(jù)庫集合
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;
})
先來幾條瘋狂輸出的測試數(shù)據(jù)（mongo3.65之后查詢語句不一樣了）
5. 需要本地調(diào)試配置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使斷點(diǎn)不進(jìn)入到node_model包
"${workspaceRoot}/node_modules/**/*.js",
"/**/*.js"
]
}
]
}
點(diǎn)一下有驚喜
三. 將后端ftp上傳到centos，并切換到目錄下啟動(dòng)
centos下web環(huán)境配置（這里設(shè)置目錄/srv/www/server）參考： https://segmentfault.com/a/1190000015431830
～ npm start
后端中預(yù)留的app目錄包含層和m層，以后分離routes里的邏輯需要用到。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/19291.html
摘要：項(xiàng)目地址干貨求本腳手架主要致力于前端工程師的快速開發(fā)一鍵部署等快捷開發(fā)框架，主要目的是想讓前端工程師在一個(gè)阿里云服務(wù)器上可以快速開發(fā)部署自己的項(xiàng)目。 項(xiàng)目地址https://github.com/fanshyiis/... 干貨！求star showImg(https://segmentfault.com/img/remote/1460000017886870); 本腳手架主要致力于...
摘要：異步最佳實(shí)踐避免回調(diào)地獄前端掘金本文涵蓋了處理異步操作的一些工具和技術(shù)和異步函數(shù)。 Nodejs 連接各種數(shù)據(jù)庫集合例子 - 后端 - 掘金Cassandra Module: cassandra-driver Installation ... 編寫 Node.js Rest API 的 10 個(gè)最佳實(shí)踐 - 前端 - 掘金全文共 6953 字，讀完需 8 分鐘，速讀需 2 分鐘。翻譯自...
摘要：既然前段工程化是基于，那么選擇做前后端分離部署也是理所應(yīng)當(dāng)?shù)?。有了這三個(gè)東西，我們就可以搭建出最簡單的前端服務(wù)器了。 前后端分離開發(fā)應(yīng)該已經(jīng)是很多公司的標(biāo)配了，然而，在前端工程化的體系下，開發(fā)環(huán)境代碼和生產(chǎn)環(huán)境代碼往往是平級(jí)的，不再是整個(gè)文件夾往服務(wù)器上一扔就了事，這讓每次的部署過程相當(dāng)繁瑣。 如下是常見的項(xiàng)目目錄： Project └──javaSrc └──app ...
摘要：前端打造了前端網(wǎng)站和后臺(tái)管理系統(tǒng)。根目錄都是開發(fā)源代碼，根目錄下的文件夾下都是前端網(wǎng)站項(xiàng)目源代碼，根目錄下的文件夾下都是后臺(tái)管理系統(tǒng)的源代碼。后臺(tái)管理系統(tǒng)使用在根目錄下進(jìn)入項(xiàng)目，安裝包，執(zhí)行命令，啟動(dòng)服務(wù)瀏覽器打開即可以訪問。 showImg(https://segmentfault.com/img/remote/1460000019603918); 這是個(gè)什么的項(xiàng)目？ 使用 Node...
閱讀 2277·2021-11-22 09:34
閱讀 1411·2021-10-11 10:59
閱讀 4524·2021-09-22 15:56
閱讀 3427·2021-09-22 15:08
閱讀 3469·2019-08-30 14:01
閱讀 851·2019-08-30 11:16
閱讀 1181·2019-08-26 13:51
閱讀 2967·2019-08-26 13:43
