zoukankan      html  css  js  c++  java
  • vue项目配置生产环境和发布环境的接口地址

    1.设置不同的接口地址

    先找到以下文件

    /config/dev.env.js

    /config/prod.env.js

    dev.env.js文件内容:

    'use strict'
    const merge = require('webpack-merge')
    const prodEnv = require('./prod.env')
    
    module.exports = merge(prodEnv, {
      NODE_ENV: '"development"'
    })

    这是生产环境的参数配置,然后在dev.env.js文件加入一行代码,这就是本地测试环境请求后台接口的域名:

    'use strict'
    const merge = require('webpack-merge')
    const prodEnv = require('./prod.env')
    
    module.exports = merge(prodEnv, {
      NODE_ENV: '"development"',
      API_ROOT:'"//192.168.1.131/api"'
    })

    prod.env.js文件内容:

    'use strict'
    module.exports = {
      NODE_ENV: '"production"'
    }

    在prod.env.js文件中加入一行代码,如下,就是上传服务器以后,请求后台接口的域名

    'use strict'
    module.exports = {
      NODE_ENV: '"production"',
      API_ROOT:'"/api"'
    }

    2.在代码中调用设置好的参数,

    本项目中是在config的env.js中配置的的,将配置好的接口地址作为baseUrl拼接到接口路径中,应用参数部分如下:

    let baseUrl = process.env.API_ROOT;
    let routerMode = 'history';
    let baseImgPath;

    最后重新启动项目,当npm run dev的时候就运行在生产环境,当npm run build的时候就是正式的线上环境。

  • 相关阅读:
    173. Binary Search Tree Iterator
    199. Binary Tree Right Side View
    230. Kth Smallest Element in a BST
    236. Lowest Common Ancestor of a Binary Tree
    337. House Robber III
    449. Serialize and Deserialize BST
    508. Most Frequent Subtree Sum
    513. Find Bottom Left Tree Value
    129. Sum Root to Leaf Numbers
    652. Find Duplicate Subtrees
  • 原文地址:https://www.cnblogs.com/miny-simp/p/9065767.html
Copyright © 2011-2022 走看看