搭建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‘],

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

上一篇:在苹果Mac上的Safari中如何禁用选项卡预览?


下一篇:Ambari集群里操作时典型权限问题put: `/home/bigdata/1.txt': No such file or directory的解决方案(图文详解)