首页 > 移动平台 > 详细

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

时间:2021-03-09 14:34:49      阅读:36      评论:0      收藏:0      [点我收藏+]
一、搭建项目
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文件

原文:https://www.cnblogs.com/aghk/p/14504789.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!