zoukankan      html  css  js  c++  java
  • vue项目开发期间,配置webpack解决后台接口在不同服务器上的问题


    1、在 .env.development 文件下 修改为

        
        ENV = 'development'
        VUE_APP_HTTPURL = http://131.132.133.13:8080  ( 具体为使用的地址 )

    2、为不同人开发的接口前加上不同的标识符:如

        原为:  '/project/temp/page'  改为  '/llz/project/temp/page’
        原为:  '/company/list/select'  改为  '/cts/company/list/select'
      新增接口标识符  /llz  及  /cts


    3、在 vue.config.js 文件下配置

    const path = require('path');
    function resolve (dir) {
        return path.join(__dirname, dir)
    }
    
    module.exports = {
        publicPath: '/',
        devServer: {
        proxy: {
                '/llz': { 
                    target: process.env.VUE_APP_HTTPURL, 
                    changeOrigin: true,
                    pathRewrite: {
                        '^/llz': '/pm'
                    }
                },
                '/cts': {
                    target: 'http://112.12.12.12:8080', ( 具体为使用的地址 )
                    changeOrigin: true,
                    pathRewrite: {
                        '^/cts': '/pm'
                    }
                }
            }
        },
        css: {
            // extract: true,
            sourceMap: false,
            loaderOptions: {}
        },
        chainWebpack: (config) => {
            config.resolve.alias
                .set('@', resolve('src'))
                .set('styles', resolve('src/assets/styles'))
                .set('img', resolve('src/assets/img'))
        }
    }     


    4、当所有接口合并到同一服务器时,将如上删除,换为 如下 ( )

    proxy: [{
            context: ['/llz', '/cts'],
            target: process.env.VUE_APP_HTTPURL, 
            changeOrigin: true,
            pathRewrite: {
                '^/llz': '/pm',
                '^/cts':'/pm',
            }
        }],
    
    
    5、问题  (希望得到大师指点,电脑webpack为3.5.3, vue项目的不清楚)
    
    启动时有问题未解决,不知怎么处理,报错如下:
    E:	kproj_teamcdm-project-manage>npm run serve
    
    > cdm-project-management@0.1.0 serve E:	kproj_teamcdm-project-manage
    > vue-cli-service serve --open
    
     INFO  Starting development server...
    When specified, "proxy" in package.json must be a string or an object.
    Instead, the type of "proxy" was "object".
    Either remove "proxy" from package.json, or make it an object.
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! cdm-project-management@0.1.0 serve: `vue-cli-service serve --open`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the cdm-project-management@0.1.0 serve script.
    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
    
    npm ERR! A complete log of this run can be found in:
    npm ERR!     C:UserspengAppDataRoaming
    pm-cache\_logs2019-12-04T03_01_52_654Z-debug.log
     
     
  • 相关阅读:
    实现LNMP
    iptabes的用法
    实现LAMP
    实现https
    硬盘信息和磁盘分区管理
    awk
    【BZOJ 2288】 2288: 【POJ Challenge】生日礼物 (贪心+优先队列+双向链表)
    【BZOJ 1150】 1150: [CTSC2007]数据备份Backup (贪心+优先队列+双向链表)
    【BZOJ 1216】 1216: [HNOI2003]操作系统 (模拟+优先队列)
    【BZOJ 1528】 1528: [POI2005]sam-Toy Cars (贪心+堆)
  • 原文地址:https://www.cnblogs.com/-roc/p/11984550.html
Copyright © 2011-2022 走看看