开发piclive

    一个前后端整合的piclive项目，之前记录了一下部署步骤，现在记录一下开发环境的建立。当然以下都是我自己的总结，如果大家觉得有什么不对劲的地方，欢迎大家指出一下。谢谢您查阅本文章·

    开发环境简单来说主要分为4个步骤。分别是前端的vue路由配置，后端的Java数据源、访问路径的配置，tomcat的host节点配置(主要是要修改path属性)，还有nginx的配置前端后端转发。当然这些部署对于时下流行的前后端部署，服务器中的tomcat配置和nginx前后端的转发操作具有非常相似的情况，所以作为其他项目的部署也同样适用。

    1、因为项目后端是使用Tomcat部署的，所以先下载Tomcat(9)，然后修改Tomcat的编码，

            Catalina.bat(sh)里面的set "JAVA_OPTS=%JAVA_OPTS% %JSSE_OPTS% 后面追加 -Dfile.encoding=UTF-8。

            在idea开发环境，建议也修改一下控制台编码。点击Help-Edit Custom vm options，在最后追加-Dfile.encoding=UTF-8。

        这样在idea的控制台里面查看Tomcat启动过程和Tomcat的输出日志都是UTF-8了，不会显示中文乱码。

    2、前端安装npm。设置npm镜像地址：不安装 cnpm 只用淘宝镜像，设置 npm 的镜像：

                npm config set registry https://registry.npm.taobao.org/

           执行下面的命令，确认是否切换成功。

                npm config get registry