博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
nuxt笔记
阅读量:6892 次
发布时间:2019-06-27

本文共 2679 字,大约阅读时间需要 8 分钟。

配置代理

yarn add @nuxtjs/axios 或者 npm install @nuxtjs/axios

axios: {    proxy: true  },  proxy: {    '/api': 'http://api.example.com'  }, modules: ['@nuxtjs/axios']

组件中使用:http://api.example.com/test

```js
this.$axios.$get('/api/test').then(data => {
// todo
})

添加百度统计

在plugins目录下创建tongji.js,内容如下:

if (process.BROWSER_BUILD && process.env.NODE_ENV === 'production') {  var _hmt = _hmt || [];  (function() {    var hm = document.createElement("script");    hm.src = "https://hm.baidu.com/hm.js?xxxx";    hm.id = "baidu_tj";    var s = document.getElementsByTagName("script")[0];    s.parentNode.insertBefore(hm, s);  })();}export default ({ app: { router }, store }) => {  router.afterEach((to, from) => {    var _hmt = _hmt || [];    (function() {      document.getElementById('baidu_tj') && document.getElementById('baidu_tj').remove();      var hm = document.createElement("script");      hm.src = "https://hm.baidu.com/hm.js?xxxx";      hm.id = "baidu_tj";      var s = document.getElementsByTagName("script")[0];      s.parentNode.insertBefore(hm, s);    })();  })}

id换成自己的,然后在nuxt.config,js中引入文件

开发spa应用

在nuxt.config.js中添加:

mode: 'spa'

全局mixins

在plugins文件夹下添加mixins.js

import Vue from 'vue'Vue.mixin({  methods: {   getData(url, param = {}) {      var self = this      return new Promise(function (resolve, reject) {        self.$axios({          method: 'post',          url: url,          headers: {            'Content-Type': 'application/x-www-form-urlencoded'          },          // 启用cookie          withCredentials: true,          data: param,          params: param        }).then((ret) => {          const { data } = ret          resolve(data)        })      })    }  }})

全局组件

在plugins文件夹下添加components.js

import Vue from 'vue'import TopTip from '../components/top-tip.vue'const components = { TopTip, }Object.keys(components).forEach(key => {  Vue.component(key, components[key])})

全局过滤器

在plugins文件夹下添加filters.js

import Vue from 'vue'export function formatDate(date, fmt) {  let newDate = new Date(date)  if (/(y+)/.test(fmt)) {    fmt = fmt.replace(RegExp.$1, (newDate.getFullYear() + '').substr(4 - RegExp.$1.length))  }  let o = {    'M+': newDate.getMonth() + 1,    'd+': newDate.getDate(),    'h+': newDate.getHours(),    'm+': newDate.getMinutes(),    's+': newDate.getSeconds()  }  for (let k in o) {    if (new RegExp(`(${k})`).test(fmt)) {      let str = o[k] + ''      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str))    }  }  return fmt}function padLeftZero(str) {  return ('00' + str).substr(str.length)}const filters = { formatDate}Object.keys(filters).forEach(key => {  Vue.filter(key, filters[key])})export default filters

转载地址:http://pdhbl.baihongyu.com/

你可能感兴趣的文章
BZOJ4144: [AMPPZ2014]Petrol(最短路 最小生成树)
查看>>
微软面试题:求整数随机数构成的数组中找到长度大于=3的最长的等差数列
查看>>
Android开发环境搭建全程演示(jdk+eclipse+android sdk)
查看>>
Android学习笔记之如何使用圆形菜单实现旋转效果...
查看>>
Codeforces 461B. Appleman and Tree[树形DP 方案数]
查看>>
『PyTorch』第二弹_张量
查看>>
Oracle+PL+SQL从入门到精通.丁士锋.清华大学出版社.2012
查看>>
领扣-121/122 最佳买卖时机 Best Time to Buy and Sell MD
查看>>
客户机容易随机出现自动重启、游戏卡问题?不妨优化下BIOS中节能技术!
查看>>
Java数据类型BooleanDemo
查看>>
Android使用AttributeSet自定义控件的方法
查看>>
tomcat如何配置环境变量
查看>>
Java读取Unicode文件(UTF-8等)时碰到的BOM首字符问题,及处理方法
查看>>
用wget递归下载
查看>>
高刷新率大屏“吃鸡”更轻松,ROG枪神2 Plus游戏本体验
查看>>
还剩1天!全面屏手机就要步入90%屏占比时代
查看>>
昨天在杭州云栖小镇,发生了这件事
查看>>
百度智能运维的技术演进之路
查看>>
左耳朵耗子:分布式系统架构经典资料
查看>>
MOBA游戏从普通玩家到职业选手你需要什么
查看>>