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