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本地部署解决跨域问题的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-04package.json 文件位置在哪?-icode9专业技术文章分享
- 2024-10-01Craco.js学习:从入门到实践指南
- 2024-10-01Create-React-App学习:入门与实践指南
- 2024-10-01CSS-in-JS学习:从入门到实践指南
- 2024-09-30JSX语法学习:从入门到初步掌握
- 2024-09-30Mock.js学习:入门教程与实战演练
- 2024-09-30React Hooks学习:从入门到实践
- 2024-09-30受控组件学习:React中的基础入门教程
- 2024-09-29JS定时器教程:初学者必看指南
- 2024-09-29JS对象教程:初学者的全面指南