- proxyTable 轻松解决 开发环境中的跨域。
//接口地址: http://is.snssdk.com/api/news/feed/v51/
proxyTable: {
'/api/news/feed/v51/': { //请求时的路径
target: 'http://is.snssdk.com', // 接口
changeOrigin: true,
// pathRewrite: {
// '^/news/latest': '/news/latest'
// }
}
},
......
axios.post('/api/news/feed/v51/',data).then()....
- 小插曲，这个设置完，必须重新运行 npm run dev。这个一定要要记住。改动一次设置一次，多么痛的领悟
2.时间转换（毫秒转换成日期）
只是个简单的转化，至于其他格式化需要自定义
let time= new Date(1508840157*1000) ;
date= time.toLocaleString();
alert(date);
alert
3.filters 的使用
自己定义格式化规则
原来一直认为只有这一种写法 {{ date | formatDate}}，咳咳]:sweat:
export default {
methods: {
......
},
filters: {
formatDate(v) {
let data = new Date(v*1000)
return data.toLocaleString()
}
}
}
值绑定的地方都可以用
<mu-flat-button :label="item.publish_time|formatDate" icon=":fa fa-pencil"/>
- npm run build 后的项目，直接扔服务器根目录是没问题的，但是放到二级目录，就有问题。
解决方案，config --> index.js
module.exports = {
build: {
...
assetsSubDirectory: 'static',
assetsPublicPath: './', //如此这般
...
},
- 禁止个别文件被打包压缩。（配置的api.js 方便后端动态在服务器上找到并修改 配置路径）
放置在static下，在index.html中引入。
<script src="/static/api.js"></script>
api.js 中
(function () {
let config = {
site: 'xxxxxxxxxxxx'
}
window.configs = {
API_ROOT: 'http://'.concat(config.site)
};
})();
具体引用
let PATH = window.configs.API_ROOT
6.图标无法正常显示（使用了font awesome。项目放在二级目录下）
解决办法
