时间:2021-05-25
背景
在本地开发vue项目的时候,当你习惯了proxyTable解决本地跨域的问题,切换到nuxt的时候,你会发现,添加了proxyTable设置并没有什么作用,那是因为你是用的vue脚手架生成的vue项目,它里面已经帮你写好了相关的proxyTable的设置代码。
build/dev-server.js
这里是采用的express中间件的形式,使用的依赖是http-proxy-middleware
nuxt也有中间件的概念,不过这个中间件不是express的中间件,那么我们怎么添加到nuxt里面去呢?
怎么做
首先,安装依赖
然后在根目录创建一个文件server.js
然后在nuxt.config.js中添加如下代码
然后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" }}以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
如何在vue里面优雅的解决跨域,路由冲突问题当我们在路由里面配置成以下代理可以解决跨域问题proxyTable:{'/goods/*':{target:'htt
一.设置config/index.js||proxyTable添加proxyTable:{'/api':{target:'http://192.168.48.2
本文介绍了vue-cli构建项目反向代理配置,分享给大家,具体如下:proxyTable:{//配置请求代理'/dlsys':{target:'http://1
前言因为项目中遇到了这个bug:Vuecil2中配置代理proxytable成功,却无效报错404,在后端和代理都配置无误的情况下,还是报404,先已解决,特记
如何由AO-SS代理申请WF账户&WF绑定国内收款银行卡&如何在亚马逊后台添加WF账户详细教程 AO-SS官方向Worldfirst官方提交资料后,大约在30