vue项目随笔

1. 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"/>

4. npm run build 后的项目，直接扔服务器根目录是没问题的，但是放到二级目录，就有问题。
   解决方案，config --> index.js

module.exports = {
  build: {
  ...
    assetsSubDirectory: 'static',
    assetsPublicPath: './',     //如此这般
  ...
  },

5. 禁止个别文件被打包压缩。（配置的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。项目放在二级目录下）
解决办法