vue开发环境手动配置Cookie

之前有做过一个嵌入式的页面，做的这个单页面合到其他项目里，需要用到其他项目里的cookie,才可以访问接口，只需要在vue.config.js里 devServer上面配置onProxyReq这个属性即可，具体代码如下：

	// 代理配置
	devServer: {
		port: 8080,
		host: '0.0.0.0',
		open: true,
		proxy: {
			[apiUrl]: {
				target: devProxyUrl,
				// 是否开启请求证书效验
				secure: false,
				changeOrigin: true,
				overlay: {
					warnings: false,
					errors: true
				},
				pathRewrite: {
					['^' + apiUrl]: ''
				},
				onProxyReq(proxyReq, req, res) {
					proxyReq.setHeader(
						'cookie',
						'你的Cookie'
					)
				}
			}
		}
	},

  // 代理配置

  devServer: {

    port: 8080,

    host: '0.0.0.0',

    open: true,

    proxy: {

      [apiUrl]: {

        target: devProxyUrl,

        // 是否开启请求证书效验

        secure: false,

        changeOrigin: true,

        overlay: {

          warnings: false,

          errors: true

        },

        pathRewrite: {

          ['^' + apiUrl]: ''

        },

      //重点看这里

        onProxyReq(proxyReq, req, res) {

          proxyReq.setHeader(

            'cookie',

            '你的Cookie'

          )

        }

      }

    }

  },