Nodejs前后端

226 阅读1分钟

Nodejs前后端需要通过路由来链接

后端部分:

1)引入类

const Koa = require('koa');
const Router = require('koa-router');
const koaBody = require('koa-body');
const koaCors = require('koa-cors');

const tagRouter=require("./routers/tag.router");

需要对应的插件

image.png 终端内输入对应的内容可安装对应插件如图中安装了 Koa-cors插件 同时也是前后端链接的主要插件

2)创建对象

const app =new Koa();
app.use(koaCors());

app.use(koaBody({
    strict:false
}));

作用是使前面引入的类产生效果

3)创建并组装匹配好的路由

const router=new Router();
tagRouter(router);

app.use(router.routes()).use(router.allowedMethods());
app.listen(3000,()=>{
    console.log("http://localhost:3000")
});

其中http://localhost:3000创建的路由所在的链接,在终端输入nodemon 后端文件名(带后缀)时启动后端并可通过链接进入。

后端完成后便是前端部分:

前端通过以下代码完成:

    <script>
        $(function(){
            $.ajax({
                url:"http://localhost:3000/tag",
                type:"GET",
                success:function(res){
                    console.log(res);
                },
                error:function(err){
                    console.log(err);
                }
            })
        })
    </script>

url内输入链接就可以直接获得后端保存在对应路由中的数据了。