介绍//, proxy api 请求
种(proxyTable) .forEach (function (上下文),{
,var options =, proxyTable(上下文)
,if (typeof options ===, & # 39;字符串# 39;),{
options 才能=,{,目标:options }
,}
,app.use (proxyMiddleware (options.filter | |,上下文,选项))
}) npm install ——save-dev express http-proxy-middleware const {Nuxt的不同之处是,Builder },=,要求(& # 39;nuxt& # 39;)
const app =,要求(& # 39;表达# 39;)()
var proxyMiddleware =,要求(& # 39;http-proxy-middleware& # 39;)
var config =,要求(& # 39;。/nuxt.config& # 39;)//,我们用这些选项初始化,Nuxt.js:
const isProd =, process.env.NODE_ENV ===, & # 39;生产# 39;
const nuxt =, new Nuxt ({, dev: ! isProd })//,生产模式不需要,构建
if (! isProd), {
,const builder =, new Builder (nuxt)
,builder.build ()
}//,proxy api 请求这里就是添加的proxyTable中间价的设置了
var proxyTable =config.dev.proxyTable
种(proxyTable) .forEach (function (上下文),{
var 才能;options =, proxyTable(上下文)
if 才能;(typeof options ===, & # 39;字符串# 39;),{
,,options =,{,目标:options }
,,}
app.use才能(proxyMiddleware (options.filter | |,上下文,选项))
,})
app.use (nuxt.render)//这里是添加nuxt渲染层服务的中间件
app.listen (3000)
console.log (& # 39; Server is listening 提醒http://localhost: 3000 & # 39;) module.exports =, {
dev才能:{
,,proxyTable: {
,,,,& # 39;/api # 39;:
,,,,,{
,,,,,,,目标:,& # 39;http://localhost: 7001 & # 39;,,//,
,,,,,,,pathRewrite:, {, & # 39; ^/api # 39;:, & # 39;/& # 39;,}
,,,,,}
,,,}
,,}
} {
,才能“scripts":, {
,,,“dev":,“nuxt ——端口=8080“,
,,,“build":,“nuxt build"
,,,“时:,“nuxt 时,
,,,“generate":,“nuxt generate"
,,,“lint":,“eslint ——ext . js, .vue ——ignore-path .gitignore !”
,,,“precommit":,“npm run lint"
,,,“server":,“node server.js"
,,}
}
怎么在nuxt中添加proxyTable代理?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
构建/dev-server。js
这里是采用的表达中间件的形式,使用的依赖是http-proxy-middleware
nuxt也有中间件的概念,不过这个中间件不是表达的中间件,那么我们怎么添加到nuxt里面去呢?
<强>怎么做
首先,安装依赖
然后在根目录创建一个文件服务器。js
然后在nuxt.config。js中添加如下代码
然后节点server.js运行就可以了。
觉得运行不方便还可以把命令添加到包中。json文件里。
关于怎么在nuxt中添加proxyTable代理问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注行业资讯频道了解更多相关知识。
