您的位置:首页 > 产品设计 > UI/UE

vue从入门到放弃--- 时间戳 跨域

2017-07-05 17:19 363 查看
时间戳

//assets/js/utils.js
const SIGN_REGEXP = /([yMdhsm])(\1*)/g;
const DEFAULT_PATTERN = 'yyyy-MM-dd';
function padding(s, len) {
len = len - (s + '').length;
for (let i = 0; i < len; i++) {
s = '0' + s;
}
return s;
};

export default  {
format: function (date, pattern) {
pattern = pattern || DEFAULT_PATTERN;
return pattern.replace(SIGN_REGEXP, function ($0) {
switch ($0.charAt(0)) {
case 'y':
return padding(date.getFullYear(), $0.length);
case 'M':
return padding(date.getMonth() + 1, $0.length);
case 'd':
return padding(date.getDate(), $0.length);
case 'w':
return date.getDay() + 1;
case 'h':
return padding(date.getHours(), $0.length);
case 'm':
return padding(date.getMinutes(), $0.length);
case 's':
return padding(date.getSeconds(), $0.length);
}
});
}
}


//a.vue
import utils from '@/assets/js/utils';
let nowt =utils.format(new Date(),"hh:mm yyyy-MM-dd");
this.graduate = utils.format(value,'yyyy-MM-dd')
console.log(nowt)


跨域

//src/api/server.js
/**
* Created by maydays on 2017/6/5.
*/
/**
* http配置
*/

import axios from 'axios'
import Qs from 'Qs'

// axios 配置
axios.defaults.timeout = 20000;
// axios.defaults.baseURL = 'http://192.168.32.129:12345';
// 跨域设置
// axios.defaults.withCredentials = true;
axios.defaults.headers.post['Content-Type'] = 'application/json';

// axios.defaults.transformRequest = [function(data){
//     console.log(Qs.stringify(data, {arrayFormat: 'brackets'}));
//     return Qs.stringify(data, {arrayFormat: 'brackets'})
// }]

// http request 拦截器
// axios.interceptors.request.use(
//     config => {
//         if (store.state.token) {
//             config.headers.Authorization = `token ${store.state.token}`;
//         }
//         return config;
//     },
//     err => {
//         return Promise.reject(err);
//     });

// http response 拦截器
axios.interceptors.response.use(
response => {
if(response.code === 100 || response.data.code === 100){
this.$router.replace({
path: '/login',
query: {redirect: router.currentRoute.fullPath}
})
}
// if(response.data && response.code === 200 && response.success === true){
//     return response;
// }
return response.data;
},
// 判断错误处理情况
error => {
if (error.response) {
switch (error.response.status) {
case 401:
// 401 清除token信息并跳转到登录页面
// store.commit(types.LOGOUT);
// router.replace({
//     path: 'login',
//     query: {redirect: router.currentRoute.fullPath}
// })
}
}
// console.log(JSON.stringify(error));//console : Error: Request failed with status code 402
// return Promise.reject(error.response);
});

export default axios;


//src/api/index.js
//注意get和post参数
import axios from './server';

const fetch = (method, url, data) => {
return axios({
method: method,
url: url,
data: data
});
};

//开发环境
const base = '/api/';
//线上环境
// const base = '/ws/';

//查询回答
export const QueryQADetial = params => {
return axios.get(`${base}QA/QueryQADetial`, {params: params});
}

//点赞
export const AddLike = params => {
return axios.post(`${base}QA/AddLike`, params);
}

//取消赞
export const CancelLike = params => {
return axios.post(`${base}QA/CancelLike`, params);
}

//报名
export const SignUp = params => {
return axios.post(`${base}MeetingSignUp/SignUp`, params);
}


//a.vue
import {AddQAQuestion,QueryQADetial,AddLike,CancelLike} from '@/api';

methods: {
//查询问答列表
async QueryQADetial() {
let params = {
meetingId:1,
userId:1
}
let res = await QueryQADetial(params);
this.asks = res
console.log(res);

},
//点赞
addQA(){
let params = {
meetingId: 1,
Type: 1,
userId:1,
Description: this.askText
}

AddQAQuestion(params).then(res => {
console.log(res);
alert("提交成功!")
this.$router.go(0)
});
},
……

},

created() {
this.QueryQADetial();
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: