部署一个前后端分离的项目----前端代码本地调试(来自一个只了解到node.js的小白的吐槽)

本文是一位初学者对部署前后端分离项目过程中遇到的问题进行的吐槽和总结,主要包括安装环境、配置nginx、本地测试等方面的难点。通过webpack打包前端代码,使用nginx进行反向代理解决资源访问问题,同时分享了在node版本选择、静态资源404、跨域等问题上的解决方案。
摘要由CSDN通过智能技术生成

吐槽ing

初来乍到的小白的我表示会js,学了一点node.js,但是我现在还停留在分不清vue.js和node.js的层次上,虽然做了几个前端的页面,但是那都是用纯生js+html+css写的好吧!!!虽然加了一点html5和Jquery的技术

而且,我表示!!后面的关于前端的技术还没学,,~~~没办法啊,,!调试一个项目,没有前端人员的技术支持!!!只能自力更生了!无限百度+视频,终于,初步解决了一个一个纯纯前端的代码,(苦逼的我还要去写后台的代码,还要和前端的url对应上,真是个苦逼的生活,吐槽ing)

ps:从github上找项目,一定要找全套的(这年头的项目好多都是前后端分离的),而且!!!改别人的代码好累!!!~~~~

========================================分割线==============================================

以上是我的吐槽,不吐槽难受,!下面开始简单总结一下我的本地测试。

第一步:安装环境-这里不多解释

1.我现在的是4.x版本的node.js(因为测试过,8.x的不能用webpack打包)

2.全局安装webpack  (-g就是表示全局安装,jdk配置环境变量了解下啊!!)

  npm install -g webpack@^1.15.0

3、全局安装webpack-dev-server

  npm install -g webpack-dev-server@^1.16.5

4.在项根路径执行npm初始化

  npm install  --registry=https://registry.npm.taobao.org

  这里使用淘宝的镜像,就是快!

5.这里就基本ok了,剩下启动项目了

ps:关于node配置这里有很多东西可以写(比如package.json,webpack.conf.js),但是毕竟我不是专业弄前端的,所有就能省则省,如何我时间充裕&#x

评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值