前端：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可以看到后端拿到了数据
希望能对跟我一样的前端小白有一些小帮助把！有什么不对或不严谨的的地方也欢迎大家指出哦~首行你要去注册一个花生壳帐号，这里就不写地址了，自己搜索一下。注册好后下载客户端，这个很重要，因为你要通过软件解析你的IP地址。如图
登录后，你就要去配置一下你的本地服务器软件了，现在常用的服务器组件有IIS，阿帕奇等，那今天我就用PHPNOW这个做一下演示。
首先到网站上下载一个phpnow服务器软件，按照软件要求进行安装。（官方有提供教程）很简单的。
安装后打开PnCpcmd 新增一下虚拟主机（或是你默认一下）通过localhost或127001可以访问，那就说明你配置没有问题了
因为国内的ISP把80端口封闭了，所以你要用其它的端口，如图：这里我用2099这个端口，如果你有用路由器的话你要设置一下转发。（让路由器帮忙解析到指定内网服务器）这一步很重要。
之后你还要开放一下这个端口2099，右击网上邻居-属性-更改防火墙设置--例外-增加端口
5
设置好后，你就可以输入XXX域名：2099，或是127001：2099这样就可以访问了，外网访问的时候一定要加上：2099端口号。
调用服务器端后台接口数据是直接wxrequest发起的是>
服务器接口根据参数返回json结果，然后微信小程序调用这些返回的json数据。
微信小程序使用API中心来开发
首先使用自己的APPID在开发者工具创建一个项目。
在项目里面写上访问API中心的接口。
启动模拟器查看，提示为域名不在以下合法列表中，这是因为我们还没有在小程序后台设置我们的合法域名。
我们登录微信小程序后台去找到设置合法域名的地方。
到开发设置里面编辑上域名，这里填写apiwxappclub/
回到我们的开发者工具点击预览。
想要将前端Vue + 后台管理系统上线，需要以下步骤：
将前端Vue程序打包为静态文件，使用npm或yarn运行命令： npm run build或yarn build。
在你的服务器上，可以使用FTP或SCP等工具将静态文件上传到服务器。
配置服务器以在Web服务器（例如Apache或Nginx）上提供静态文件。
将后台管理系统部署到服务器上（例如Nodejs），并确保其在需要时访问Vue的静态文件。
配置Web服务器以将所有>
配置Web服务器以使用SSL证书（如Let’s Encrypt）启用>
通过这些步骤，您可以将Vue +后台管理系统部署到生产环境中并运行。
NPM start 需要在packagejson中定义，运行命令需要在nodejs环境下运行。
E:\workSpace\nodejs\helloworld>npm start
> helloworld@000 start E:\workSpace\nodejs\helloworld
> node /bin/>
GET / 304 564566 ms - -
GET /stylesheets/stylecss 304 2819 ms - -
如何利用NPM包管理工具中的命令 *** 作：
1、第一步，查看npm有关的命令，可以使用npm h，如下图所示：
2、第二步，查看对包的控制权限，可以使用npm access，如下图所示：
3、第三步，如果添加用户相关信息，可以使用npm add-user，如下图所示：
4、第四步，查看api帮助文档，使用命令npm apihelp，如下图所示：
5、第五步，查看作者或创建人，使用npm author命令，如下图所示：
6、第六步，查看npm安装的可执行文件路径，使用npm bin命令，如下图所示：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）