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项目了

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