美文网首页
vue项目随笔

vue项目随笔

作者: 小学生的博客 | 来源:发表于2017-10-26 11:49 被阅读32次
    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"/>
    
    1. npm run build 后的项目,直接扔服务器根目录是没问题的,但是放到二级目录,就有问题。
      解决方案,config --> index.js
    module.exports = {
      build: {
      ...
        assetsSubDirectory: 'static',
        assetsPublicPath: './',     //如此这般
      ...
      },
    
    1. 禁止个别文件被打包压缩。(配置的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。项目放在二级目录下)
    解决办法


    相关文章

      网友评论

          本文标题:vue项目随笔

          本文链接:https://www.haomeiwen.com/subject/vxnhpxtx.html