部署到服务器上的接口如何修改,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([email protected], 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:\tk\proj_team\cdm-project-manage>npm run serve

> [email protected] serve E:\tk\proj_team\cdm-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! [email protected] serve: `vue-cli-service serve --open`

npm ERR! Exit status 1

npm ERR!

npm ERR! Failed at the [email protected] 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:\Users\peng\AppData\Roaming\npm-cache\_logs\2019-12-04T03_01_52_654Z-debug.log

原文:https://www.cnblogs.com/-roc/p/11984550.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值