1.场景问题: 有时候开发过程中,vue项目需要其他同事能访问你本地进行调试,而不是需要重新拉取代码来启动很麻烦 2.解决思路: 一. package.json"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0" 二. /config/index.jshost: '0.0.0.0', 未完待续: 现在通过本地是可以访问了...

vue配置手机通过IP访问电脑开发环境config/index.js// Various Dev Server settings host: '0.0.0.0', // can be overwritten by process.env.HOST port: 8088, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined autoOpenBrowser: false

vue配置手机通过IP访问config/index.js// Various Dev Server settings host: '0.0.0.0', // can be overwritten by process.env.HOST port: 8088, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined autoOpenBrowser: false, erro

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

前面介绍了很多关于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中allow/deny指令的用途 1, Nginx的deny和allow指令是由ngx_http_access_module模块提供, Nginx安装默认内置了该模块 2, nginx访问控制模块: 想禁止哪个ip访问就加上deny IP, 想允许哪个ip访问就加上allow IP, 想禁止或者允许所有,则allow all或者deny all 3,常用的场景: 测试站/后台/管理工具站 等,要注意添加ip地址限制 说明:如果可以指定相应站点的端口,通过防火墙来进行限制则更安全一些

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

一.安装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

给前端同事部署了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

修改config文件夹下面的index.js配置,将localhost改为0.0.0.0就可以了.用ip,127.0.0.1,localhost均行 host: '0.0.0.0', // can be overwritten by process.env.HOST 问题: 使用本地ip时访问发现登陆不上,使用localhost反而可以,后查明是cookit存入时存入是domain限制了,用内网ip如192.168.88.34:8080存不了cookei // 创建 获取 删除cookie ex

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

location / { index index.jsp; proxy_next_upstream http_500 http_502 http_503 http_504 error timeout invalid_header; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $remote_addr; deny 192.168.1.1;

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

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

首先我使用的是后端接口+前端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

前端是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

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

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

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 {

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.curl www.baidu.com报错,curl 183.232.231.173可以或者nslookup+域名,nslookup+IP2.这个是因为linux服务器没有配置DNS域名服务器地址导致的,linux系统里会有/etc/resolv.conf这个配置文件,是DNS客户机配置文件,用于设置DNS服务器的IP地址及DNS域名的.配置的域名服务器地址从什么地方可以知道呢,可以在百度上搜索DNS域名服务器列表,选择一个linux服务器地区最近的DNS服务器,也可以选择一个比较稳定的DNS