首先我使用的是后端接口+前端vue的形式,这样就涉及到跨域的问题.我是这样配置的: server { listen 80; server_name www.liangyp.xyz;//访问网址 location / { root /var/www/VueApp; index index.html index.htm; } //这里是配置的如果访问apis则是转到后端接口,这样就避免了跨域 location /apis { rewrite ^/apis/(.*)$ /$1 break; proxy

前面介绍了很多关于ABP框架的后台Web API 服务端,以及基于Vue+Element前端应用,本篇针对两者的联合部署,以及对部署中遇到的问题进行处理.ABP框架的后端是基于.net core5.0 的Asp.net core 应用,因此和常规的Asp.net core 应用部署一样:而Vue+Element前端应用则是基于nodejs的应用,部署方式又有所不同,这里介绍基于Nginx的部署. 1.部署基于.netcore5.0的ABP框架后台Api服务端 1)安装.net core 环境 在

nginx是一个高性能的HTTP和反向代理服务器.因此常用来做静态资源服务器和后端的反向代理服务器.本文主要记录使用nginx去部署使用vue搭建的前端项目,项目基于vue官方的脚手架vue-cli构建. 打包vue项目 npm run build 通过上面命令后打包好的静态资源将输出到dist目录中.如图所示  安装nginx 到nginx官方下载系统相关的nginx版本安装 windows环境 下载相应的windows版本解压,解压后如图所示 启动命令: cd D:\ProgramFiles

简单描述:代码开发完了,需要环境来运行测试.服务器上没有nginx,搞起搞起.   在Centos下,yum源不提供nginx的安装,可以通过切换yum源的方法获取安装.也可以通过直接下载安装包的方法,**以下命令均需root权限执行**:   首先安装必要的库(nginx 中gzip模块需要 zlib 库,rewrite模块需要 pcre 库,ssl 功能需要openssl库).选定**/usr/local**为安装目录,以下具体版本号根据实际改变. 安装:1.安装gcc gcc-c++(如新

前端是vue,后端是nodejs 前端打包成dist目录,后端接口是localhost:4000/api server { listen 80; #listen [::]:80; server_name yourdomain; index index.html; root /home/wwwroot/yourfolder/dist; # vue router开启了history 模式,nginx匹配不到的路由,就返回index.html,这样不报404 location / { try_file

一.安装nginx #设置源 sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm #安装 yum install -y nginx #启动服务 systemctl start nginx.service #关闭服务 systemctl stop nginx.service #开机自启 systemctl enable nginx.servi

1.1 基本配置 server { listen 9000; server_name 1.1.1.3; #access_log logs/access_example.log main; root /home/work/project/frontopwf/dist; location / { try_files $uri $uri/ @router; } location @router { rewrite ^.*$ /index.html last; } } #前后端分离nginx配置 ser

1.项目打包生成dist文件夹 在项目根目录下打开cmd窗口,输入命令 npm run build //生成dist文件夹 2.将dist文件夹上传到centos7 使用scp命令或者用远程连接工具将打包好的dist文件夹上传到服务器或者虚拟机的某个位置. 打开cmd命令输入: scp -r E:\\dist root@192.168.3.5:/home/dist 输入root 用户密码,等待上传成功即可 ​ E:\dist 为dist所在目录 root 为虚拟机root用户 192.168.3

给前端同事部署了web项目之后,访问发现除了index.html可以访问,其他的路径使用了“伪静态”.比如访问:http://localhost:8081/user/login,访问即报404错误,这个实际上是请求HTML相关资源而非后台接口,后面网上查了相关资料找到了解决办法. upstream portalServer { server 192.168.1.1:8080; } server { listen 8081; server_name localhost; root /usr/loc

一.打包vue项目 在开发完的vue项目输入如下命名,打包生成dist文件夹 yarn build / npm run build 此时根目录会多出一个文件夹:dist文件夹,里面就是我们要发布的东西. 如果将该dist目录整个传到服务器上,部署成静态资源站点就能直接访问到该项目. 二.获取nginx 镜像 nginx 是一个高性能的HTTP和反向代理服务器,此处我们选用 nginx 镜像作为基础来构建我们的vue应用镜像. 在终端输入: docker pull nginx 即可以获取到ngin

1.编译打包Vue项目 在终端输入 npm run build 进行打包编译.等待... 打包完成生成dist文件夹,这就是打包完成的文件. 我们先放着,进行下一步. 2下载Nginx 下载地址: http://nginx.org/en/download.html 下载完成解压就可以了.由于我这个腾讯云服务,只有一个C盘,我就放在C盘根目录下,放其他目录下也是一样的. 接下来把Nginx设置为windwos服务 每次重启,我们都需要手动的启动一下服务,对我们运维很不方便. 1.我们使用  win

在nginx配置文件的server下加上 try_files $uri $uri/ /index.html; 不加的话是404,路径错误是500,这里的路径只要照着/index.html就行,不用加上具体部署的位置

. 官网下载 http://nginx.org/en/download.html 选择stable version nginx/Windows-1.14.1 pgp . 解压 然后配置环境变量,如果环境变量配置无效,启动时请在nginx文件夹中打开命令窗口 . 打开一个命令窗口 输入start nginx启动服务(停止服务 nginx -s stop) .打开文件中的conf=>nginx.conf更改配置,更改监听的端口号 . 注释掉图中红点处 . 在conf文件夹下新建一个conf.d文件夹

server { listen 80; charset utf-8; #server_name localhost; server_name you_h5_name; ###VUE项目H5域名 error_log /tmp/error.log; location /api { rewrite ^.+api/?(.*)$ /$1 break; proxy_redirect off; proxy_set_header Host you_server_name; #####你接口域名 proxy_se

H5端配置跨域 nginx跨域配置 server { listen 80; charset utf-8; server_name you_dome_name;#location /tasklist.jsp {           #这个没用.这是我们的业务需求#rewrite /webpage/task/tasklist.jsp /dist/index.jsp;#}  location / { try_files $uri $uri/ /index.html; root /application

server { listen 80; server_name localhost; root /www/meiduo_admin/dist; access_log /var/log/nginx/admin_access.log; error_log /var/log/nginx/admin_error.log; location / { try_files $uri $uri/ @router; index index.html index.htm; } location @router {

server { listen 80; server_name test.hehe.com; location /riskcontrol { root /data; try_files $uri $uri/ /riskcontrol/index.html; access_log /app/logs/riskcontrol.log; } location /buyloan { root /data; try_files $uri $uri/ /buyloan/index.html; access_

错误信息: 2019/09/09 13:54:37 [crit] 796#7096: *1 GetFileAttributesEx() "F: ginx-1.12.2\html\dist" failed (123: The filename, directory name, or volume label syntax is incorrect), client: 127.0.0.1, server: localhost, request: "GET / HTTP/1.1&q

在进行Nginx+Tomcat 负载均衡的时候遇到了这个权限问题,在error.log日志中.我们能够看到例如以下: connect() to 127.0.0.1:8080 failed (13: Permission denied) while connecting to upstream, 经过一番检查以及google,应该是SeLinux的导致的.能够选择一些两种方式进行: 1.关闭SeLinux,能够查看下面文章: CentOS下查看SeLinux状态及关闭SeLinux 2.运行以下的

问题:搭建好项目之后,用nginx进行代理,进行日常配置之后,发现前端正常访问,但是后端访问出现错误,报502错误,查找nginx日志,发现connect() to 127.0.0.1:8080 failed (13: Permission denied) while connecting to upstream,有这个错误.网上查阅得知是selinux没有关闭. 解决步骤: 关闭selinux [root@localhost ~]# getenforce Enforcing [root@loc