- 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。项目放在二级目录下)
解决办法
网友评论