原创 

nuxtjs 跨域全量配置源码

分类:Html5    314人阅读    IT小君  2020-07-14 07:14

nuxtjs.config.js 配置如下,使用nuxtjs 封装的axios 使用时带$好引用,红色部分为需要添加配置:

module.exports = {
  router: {
    /**
     * 配置路由激活时的导航链接的样式类名
     */
    linkActiveClass: 'active'
  },css: [
    // 项目里要用的 CSS 文件
    '@/assets/css/main.css',
    '@/assets/css/bootstrapV4.css',
  ],modules: [
    '@nuxtjs/axios',
    '@nuxtjs/proxy'
],
proxy: [
    [
      '/iface', 
      { 
        target: 'http://iface.yy123.ink'
      }
  ]
], build: {
  vendor: ['axios']
}
}

使用:

export default {
    name:'HomeIndex',
    data(){
        return {
        ...
        }
    },
    async asyncData({$axios}) {
        console.log('-----asyncData-----')
        const { data } = await $axios({
            method:'POST',
            url:'/iface/topic/getTopicList',
            data: {}
        });
        return {
            articles: data.data
        }
    },
    async mounted() {
    },methods:{
      setUser(){
        if (! this.user||! this.user.userID) {
          this.$axios({
            url: "/iface/user/getCurrentUser",
            method: "GET",
            success: function(result) {
             
            },
            fail: function(e) {
              error.call(self, e)
            }
          });
        }else{
          store.state.hasLogin=true;
          autoLogin(user.userID);
          console.log("当前用户:");
          console.log(user);
        }
      }
    }
}


点击广告,支持我们为你提供更好的服务

js+css3抽奖转盘旋转点餐代码

css+js实现的颜色渐变数字时钟动画特效

HTML5 Canvas竖直流动线条背景动画特效

有机水果蔬菜HTML5网站模板

html5 svg夜空中星星流星动画场景特效

html5 canvas进度条圆环图表统计动画特效

响应式太阳能能源公司网站模板

css鼠标跟随文字模糊特效

HTML5数字产品服务公司网站模板

HTML5现代家居装潢公司网站模板

小众时尚单品在线电子商务网站模板

现代时尚家具公司网站模板

网页设计开发公司网站模板

html5图标下拉搜索框自动匹配代码

canvas炫酷鼠标移动文字粒子特效

响应式时尚单品在线商城网站模板

中小型创意设计服务公司网站模板

html5 canvas彩色碎片组合球形旋转动画特效

jQuery右端悬浮带返回顶部特效

响应式咖啡饮品宣传网站模板

点击广告,支持我们为你提供更好的服务
 工具推荐 更多»
点击广告,支持我们为你提供更好的服务