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

2022/1/26 7:06:15

本文主要是介绍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本地部署解决跨域问题的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程