搭建Vue-nuxt.js

一、搭建项目
1. vue init nuxt-community/starter-template testPro  --testPro为项目名称-项目文件夹名称
2. Project name (testPro) test-pro       --输入项目名称(不能有大写字母)
3. Project description (Nuxt.js project) --项目描述，直接回车即可
4. Author ggg         --作者名称
5. 进入创建的项目文件夹内   npm install --安装依赖包
6. npm run dev  --启动项目

二、搭建axios
1. npm install @nuxtjs/axios --安装axios依赖包
2. nuxt.config.js文件中配置信息　　

 modules: [

    // Doc: https://github.com/nuxt-community/axios-module#usage

    '@nuxtjs/axios'

  ],

  axios: {

    proxy: true,

    prefix: 'https://api.hhsqu.com/api/',

    credentials: true

    // See https://github.com/nuxt-community/axios-module#options

  },

  proxy: {

    '/api/': {

      // target: 'https://mall.hhsqu.com',//这个网站是开源的可以请求到数据的

      pathRewrite: {

        '^/api/': '/',

        changeOrigin: true

      }

    }

  },

 

二、全局引用本地css文件
　　在nuxt.config.js

         css: ['~assets/css/community.css'],