/vue-koa2-mongodb

vue + koa2 + mongodb

Primary LanguageHTML

vue-koa2-mongodb

使用vue-cli3脚手架搭建前端项目

vue create project-name

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

配置路由

封装axios

封装axios

vue-koa2-mongodb

vue + koa2 + mongodb搭建个人博客

主要功能包括：

  • CURD
  • 登录鉴权

使用koa-generator快速搭建koa项目

一、全局安装 koa-generator

$ npm install -g koa-generator

二、创建 koa 项目

$ koa2 project 如果想使用 ejs 引擎的话可以用：

$ koa2 -e project

三、进入项目并安装依赖
$ cd project
$ npm install
四、项目运行

$ npm start 为了使代码修改刷新页面能看到变化，开发过程中建议用：

$ npm run dev 访问 http://localhost:3000

start 和 test 可以直接用 npm start 和 npm test 运行，而 dev 和 prd 需要用 npm run dev 和 npm run prd 运行（注意中间有个 run）

前端项目与后台项目建立连接

前端服务: http://localhost:8090/

后端服务：http://127.0.0.1:4000

配置代理：

devServer: {
    disableHostCheck: true,
    port: 8090,
    proxy: {
        '^/api': {
            target: 'http://127.0.0.1:4000',
            ws: true,
            changeOrigin: true,
            pathRewrite: {
                '^/api': '/'
            }
        }
    },
    overlay: {
        warnings: true,
        errors: true
    }
}