成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue+koa2+mongo前后端分離restful,配置和部署到云

miracledan / 2337人閱讀

摘要:前端項目使用搭建項目,這里就不發(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

相關文章

  • ONE-sys 整合前后腳手架 koa2 + pm2 + vue-cli3.0 + element

    摘要:項目地址干貨求本腳手架主要致力于前端工程師的快速開發(fā)一鍵部署等快捷開發(fā)框架,主要目的是想讓前端工程師在一個阿里云服務器上可以快速開發(fā)部署自己的項目。 項目地址https://github.com/fanshyiis/... 干貨!求star showImg(https://segmentfault.com/img/remote/1460000017886870); 本腳手架主要致力于...

    劉福 評論0 收藏0
  • node技術棧 - 收藏集 - 掘金

    摘要:異步最佳實踐避免回調地獄前端掘金本文涵蓋了處理異步操作的一些工具和技術和異步函數。 Nodejs 連接各種數據庫集合例子 - 后端 - 掘金Cassandra Module: cassandra-driver Installation ... 編寫 Node.js Rest API 的 10 個最佳實踐 - 前端 - 掘金全文共 6953 字,讀完需 8 分鐘,速讀需 2 分鐘。翻譯自...

    王偉廷 評論0 收藏0
  • 最簡單的前后分離部署Koa2

    摘要:既然前段工程化是基于,那么選擇做前后端分離部署也是理所應當的。有了這三個東西,我們就可以搭建出最簡單的前端服務器了。 前后端分離開發(fā)應該已經是很多公司的標配了,然而,在前端工程化的體系下,開發(fā)環(huán)境代碼和生產環(huán)境代碼往往是平級的,不再是整個文件夾往服務器上一扔就了事,這讓每次的部署過程相當繁瑣。 如下是常見的項目目錄: Project └──javaSrc └──app ...

    SegmentFault 評論0 收藏0
  • Node.js + Koa2 + MySQL + Vue.js 實戰(zhàn)開發(fā)一套完整個人博客項目網站

    摘要:前端打造了前端網站和后臺管理系統。根目錄都是開發(fā)源代碼,根目錄下的文件夾下都是前端網站項目源代碼,根目錄下的文件夾下都是后臺管理系統的源代碼。后臺管理系統使用在根目錄下進入項目,安裝包,執(zhí)行命令,啟動服務瀏覽器打開即可以訪問。 showImg(https://segmentfault.com/img/remote/1460000019603918); 這是個什么的項目? 使用 Node...

    wangxinarhat 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<