vueProject

vue项目

发表评论

// cors请求分为两种
// 1 简单的cors请求
  // get/post/head
  
// 2 非简单的cors请求
// post请求  如果content-type 是 application/json 或者 form-data 是非简单的cors请求
// 非简单的cors请求，会先发送一个预检请求，请求类型是options，请求服务器允许的Access-Control-Allow-Headers 有没有content-type

// axios 
// post请求，如果传递的是对象{content: '123'}，此时会自动设置content-type为application/json

// post请求，如果传递的是字符串'content=1123', 此时会自动设置content-type为application/x-www-form-urlencoded

加载更多

• mint-ui中的Toast弹出提示

代码重构 app.js

• 把过滤器放到 filters.js
• 把路由放到 router.js
• 把插件放到 plugins.js

全局配置加载提示

• 全局配置mintui

//弹出提示
this.$toast('评论成功')

//轮播图
<mt-swipe></mt-swipe>

• 设置axios的拦截器

// 在vue的实例的created
created() {
    // 设置axios的拦截器
    // 发送请求之前
    // Add a request interceptor
    this.axios.interceptors.request.use(function (config) {
      // console.log(this);
      // Do something before request is sent
      this.$indicator.open('正在加载...');
      return config;
    }.bind(this), function (error) {
      // Do something with request error
      return Promise.reject(error);
    });

    // Add a response interceptor
    this.axios.interceptors.response.use(function (response) {
      // Do something with response data
      this.$indicator.close();
      
      return response;
    }.bind(this), function (error) {
      // Do something with response error
      return Promise.reject(error);
    });
  }

封装子组件（轮播图/评论）

• 新建组件
• 把功能代码转移到组件中