前端Vue项目部署到服务器过程,将项目部署到服务器上

前端Vue项目部署到服务器过程,将项目部署到服务器上

如何将vue.js项目部署到服务器，我使用tomcat服务器1-更改config/index.js文件，如下所示，添加资产PublicPath:'./',生产SourceMap:false2-运行npmrunbuild然后将MongoDB启动项目附加到系统文件(rc.local)中，以确保MongoDB在服务器启动时启动。命令如下：echo"/usr/local/server/mongodb/bin/mongod --dbpath=/usr/local/服务器/mongodb

╯＾╰ 经过查询得知，RemoteAddress代表当前HTTP请求的远程地址，即HTTP请求的源地址。 我猜测代理使用localhost，即127.0.0.1，在本地环境进行转发。部署到服务器后，2.在vue项目根目录下运行npmrunbuild。打包完成后，根目录下会生成adist文件夹。 ,这个dist文件夹需要上传到服务器3.连接云服务器并在/usr/local/下创建一个web文件

1.打包Vue项目1.打开outer下的js文件，设置hashmode:mode:'hash'2.终端输入：npmrunbuild3.此时项目中会多出一个aldist文件，这个文件就是我们打包的前后端完成项目后，需要部署到本地服务器。 第一次部署，下面是从0.1开始慢慢学习的详细过程。首先要打包vue项目npmrunbuild。打包成功后，会出现dist文件夹，此时就可以

˙▂˙ 部署Vue项目并打包Vue项目。在终端输入npmrunbuild，项目目录下会生成dist文件。这就是我们需要运行的打包项目。 下载并安装nginx我们的项目部署在nginx上，所以当我们返回我们的主机并访问服务器项目时，需要将本地地址localhost更改为公共IP地址。 公网IP可以在实例中查看）最后访问：http://publicIP/项目名至此，我的第一个项目就部署成功了！ http://119.23.253.114/

1.vue前端项目是使用vscode打包开发的。在config目录下的prod.env.js文件中配置我们后端服务器的IP地址和端口号。因为这是在实际部署中，所以必须在生产环境中进行。 项目本地Tomcatpackagerelease之所以在本地发布，是因为在发布之前可以检查一下项目打包后是否有问题。如果在本地能够发布成功，那么在远程服务器上发布就一定不会有问题。