mac电脑vue+node+nginx本地部署解决跨域问题

本文主要是介绍mac电脑vue+node+nginx本地部署解决跨域问题，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

使用vue-cli新建一个vue项目

弄个测试的页面调用接口

打包好

使用http-serve将这个打包的vue项目在本地跑起来

使用http://192.168.43.100:8080能打开页面就没有问题了

没有处理的时候点击会出现跨域

然后新建一个文件夹server

使用终端cd到这个文件夹,安装cnpm install express

然后新建server.js,写出下面的代码

使用终端cd到server文件夹,使用node server.js命令跑下

在网页上使用 http://localhost:3001/api/user可以看下下面的结果

安装nginx百度下就好了

进入到/usr/local/etc/nginx 找到nginx.conf文件并且编辑

然后终端进入到/usr/local/Cellar/nginx/1.19.2/bin

使用sudo nginx 开启nginx

使用http://192.168.43.100:8090/#/ceshi就可以访问到vue项目了

这个时候调用接口就不会出现跨域的问题了

这篇关于mac电脑vue+node+nginx本地部署解决跨域问题的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

Javascript