vue.js使用代理和使用Nginx来解决跨域的问题

发布时间：2020-12-17 02:36:31 所属栏目：百科来源：网络整理

导读：使用Nginx 反向代理解决跨域问题（vue.js使用代理去掉vue.js因为跨域而触发的options请求）我们的项目还是需要node.js作为容器的一、Windows 下安装Nginx （官网下载稳定版http://nginx.org/en/download.html）二、修改config里的nginx.conf文件的server

使用Nginx 反向代理解决跨域问题（vue.js使用代理去掉vue.js因为跨域而触发的options请求）

我们的项目还是需要node.js作为容器的

一、Windows 下安装Nginx

（官网下载稳定版http://nginx.org/en/download.html）

二、修改config里的nginx.conf文件的server

三、你的uve.js打包的dist文件如下

四、然后再加一个项目启动配置文件 server.production.js

app.listen('8080',function(error) {
console.info("==================系统正在启动中...=============================");
if (error) {
console.error(error)
} else {
console.info("==================9999系统启动成功！！！=============================")
}
});

五、然后在项目目录下使用命令node server.production.js 回车发现包缺少依赖，使用npm install [报错提示的依赖组件] 即可分别有express、compression、http-proxy-middleware等。

然后启动项目就可以了访问地址http://localhost：8080/xxx即可

六、vue.js使用代理具体可以百度（在config配置文件里的inde.js修改就可了）

以上这篇vue.js使用代理和使用Nginx来解决跨域的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!