umi前端设置启动端口

umi前端设置启动端口,第1张

修改packagejson文件中的start命令,加上PORT=xxx前缀
cross-env是运行跨平台设置和使用环境变量的脚本,cross-env使得您可以使用单个命令,而不必担心为平台正确设置或使用环境变量

= =。首先你要有一个公网IP的服务器(重要,否别人无法直接在网址上访问你的页面)
linux 是服务器,用来24开机提供服务。
apache是引擎,用来提供别人访问你的网址能有东西出来。
ftp用来把你写的代码上传到linux上面去,有了这一步你的东西才能在服务器上被别人访问到。
只要远程目录上有你的东西就是上传成功了,端口默认是21
或者你可以上网买一些虚拟主机,有二级域名可以穿透,也可以外网访问

什么是跨域?
跨域是通俗的说是从一个域名去请求另一个域名的资源。比如从 背后的基本思想是使用自定义的>不用mock,前端来建立后端服务以便自己实现接口

前端:vue2x, vue-cli-3x, vuex, vue-router, axios
后端:nodejs, express, nodemon

1首先安装nodejs,这个就不赘述了
2全局安装express npm install -g express-generator
3express -v 查看是否安装成功
4打开cmd或者其他控制台并进入项目目录,在我的电脑中的项目路径下,选中路径后输入cmd,可以快速用cmd打开此路径
7全局安装nodemon npm install -g nodemon
8在cmd中启动服务器 nodemon app
启动成功图如下:
然后再前端页面调用接口

这一步就是写接口啦
然而运行后会发现跨域啦,如下图:

如果是vue-cli 2x 就在config/indexjs文件中 的 proxy处修改

11你以为这样就解决跨域了吗,你会发现还是报错

这是因为修改完接口后发现还是报这个错且端口是8080而不是888,原因是修改了代理后,需要重启服务 ,代理未生效。
12重启前端服务后,接口请求成功

14可以看到后端拿到了数据

希望能对跟我一样的前端小白有一些小帮助把!有什么不对或不严谨的的地方也欢迎大家指出哦~

“ 关注 前端开发社区 ,回复 ' 领取资源 ',免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步

<figcaption style="margin-top: 5px; text-align: center; color: #888; font-size: 14px;">作者:树酱 来源: 掘金</figcaption>

当有一台服务器宕机时,负载均衡器就分配其他的服务器给用户,极大的增加的网站的稳定性 当用户访问web时候,首先访问到的是 负载均衡器 ,再通过负载均衡器将请求转发给后台服务器

如果检测出其中某台服务器异常,那么在通过客户端请求 nginx 反向代理进来的都不会被发送到该服务器上(直至下次轮训健康检查正常)

基本例子如下

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/13034595.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-29
下一篇 2023-05-29

发表评论

登录后才能评论

评论列表(0条)