zoukankan      html  css  js  c++  java
  • vue配置开发环境和生产环境

    1、config 文件下新建  proxyConfig.js 文件

    2、拷贝以下代码至该文件中

    module.exports = {

              proxy: {

               '/api': {

                target:'http://192.168.5.188:8080',  // 接口域名

                   changeOrigin:true,  //是否跨域

                   pathRewrite: {

                       '^/api':''  //需要rewrite的,

                   }

               }

              }

    }

    3. dev.env.js 文件修改为

    'use strict'

    const merge = require('webpack-merge')

    const prodEnv = require('./prod.env')

    module.exports =merge(prodEnv, {

    NODE_ENV:'"development"',

      API_ROOT:'"/api"'

    })

    4.prod.env  改为

    'use strict'

    module.exports = {

    NODE_ENV:'"production"',

      API_ROOT:'"http://xxxx.com"'

    }

    5. config文件夹下的index.js

      头部添加语句;   var proxyConfig = require('./proxyConfig')

      然后改为:

       proxyTable:proxyConfig.proxy,

    6.  main.js 定义  挂载vue原型上面

    Vue.prototype.$baseUrl = process.env.API_ROOT

    7.用的时候直接:

      this.$baseUrl + '/xx/xx'



  • 相关阅读:
    算法提高---概率计算
    全排列
    算法提高 最小方差生成树
    【洛谷】P1040 加分二叉树
    SPAF模板
    Bellman-Ford算法(有向图)
    Floyd算法
    Dijkstra算法
    蓝桥杯算法提高 递推求值 【矩阵快速幂】
    【动态规划】数字分组I
  • 原文地址:https://www.cnblogs.com/gankehuang/p/11338228.html
Copyright © 2011-2022 走看看