搭建Vue-nuxt.js - axios搭建 - 全局引用本地css文件

一、搭建项目
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'],
posted @ 2021-03-09 12:02  大洋彼岸。  阅读(252)  评论(0编辑  收藏  举报