如何在nuxt中添加proxyTable代理？

在本地开发vue项目的时候，当你习惯了proxyTable解决本地跨域的问题，切换到nuxt的时候，你会发现，添加了proxyTable设置并没有什么作用，那是因为你是用的vue脚手架生成的vue项目，它里面已经帮你写好了相关的proxyTable的设置代码。

// proxy api requestsObject.keys(proxyTable).forEach(function (context) { var optiOns= proxyTable[context] if (typeof optiOns=== 'string') { optiOns= { target: options } } app.use(proxyMiddleware(options.filter || context, options))})

这里是采用的express中间件的形式，使用的依赖是http-proxy-middleware
nuxt也有中间件的概念，不过这个中间件不是express的中间件，那么我们怎么添加到nuxt里面去呢？

npm install --save-dev express http-proxy-middleware

const { Nuxt, Builder } = require('nuxt')const app = require('express')()var proxyMiddleware = require('http-proxy-middleware')var cOnfig= require('./nuxt.config')// 我们用这些选项初始化 Nuxt.js：const isProd = process.env.NODE_ENV === 'production'const nuxt = new Nuxt({ dev: !isProd })// 生产模式不需要 buildif (!isProd) { const builder = new Builder(nuxt) builder.build()}// proxy api requests这里就是添加的proxyTable中间价的设置了var proxyTable = config.dev.proxyTableObject.keys(proxyTable).forEach(function (context) { var optiOns= proxyTable[context] if (typeof optiOns=== 'string') { optiOns= { target: options } } app.use(proxyMiddleware(options.filter || context, options)) })app.use(nuxt.render)//这里是添加nuxt渲染层服务的中间件app.listen(3000)console.log('Server is listening on http://localhost:3000')

module.exports = { dev: { proxyTable: { '/api': {target: 'http://localhost:7001', // pathRewrite: { '^/api': '/' } } } }}

然后node server.js运行就可以了。
觉得运行不方便还可以把命令添加到package.json文件里。

{ "scripts": { "dev": "nuxt --port=8080", "build": "nuxt build", "start": "nuxt start", "generate": "nuxt generate", "lint": "eslint --ext .js,.vue --ignore-path .gitignore .", "precommit": "npm run lint", "server": "node server.js" }}

如何在网站中添加视频

如何在http请求头中添加COOKIE