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', 未完待续: 现在通过本地是可以访问了...

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 环境 在

解决mysql中只能通过localhost访问不能通过ip访问的问题 原因是没开权限 SELECT * FROM USER WHERE USER='root'; grant all privileges on *.* to 'root'@'%' identified by '123456';flush privileges; 1. 命令行进入mysql(假设root用户的密码也为root)mysql –uroot –proot 2. 使用mysql数据库use mysql; 3. 赋予权限gra

解决只能通过localhost访问Elasticsearch的问题   在默认情况下Elasticsearch是无法通过外网访问的 需要绑定地址,原因如下:   具体方法为: vim /opt/es/elasticsearch-5.1.2/config/elasticsearch.yml 注意前面是我自己的安装路路径(对新手老生常谈的坑)添加无#号的一行 network.host: 0.0.0.0   好啦,如果你的Elasticsearch其他配置都ok的话,你就可以启动浏览器,输入你的ip+

之前项目都是前后端完全分离,很少使用到后端语言的开发工具,最近使用intellij+Jboss进行项目部署开发,初始用发现项目启动后只能使用localhost进行项目访问,IP地址访问则提示页面404,找了很多修改办法,最后找到一种,已经测试可以使用. 修改jboss的配置文件,将项目访问路径配置文件中访问的IP地址修改即可.两种修改方式都可以达到IP地址访问的目的,不过也各有差别: 先找到访问路径配置文件: E:\downloadChrome\wildfly-10.1.0.Final\stan

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

JBOSS版本:4.2.3GA症状:服务器无法通过IP地址去访问,只能用127.0.0.1或者localhost来访问. 开始怀疑是端口没有放开,用telnet ip 80 也不能连接,就一直怀疑端口问题,关闭防火墙还是不行,结果通过本机测试发现本机也出现这种情况,而用Myeclipse启动却是可以用ip访问,找到myeclipse启动jboss参数,发现加入-DHOMEDIR=C:\ET -DCacheSwitch=tree -b 0.0.0.0 再百度一切就明白了解决办法:run.bat快捷

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

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

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

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

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

前序 现在EJB是真的有点落伍了么,网上找点资料都挺难的样子,而且都是很久的了..好吧,最近对EJB有点兴趣学习一下,结果下载到服务器启动后,居然不能直接通过服务器IP访问,也是醉了,默认只能通过本地localhost进行访问.如果需要远程访问,就要修改配置文件了. 软件版本:wildfly-10.1.0.Final.是的,连jboss名都改了,这个好像真不咋样. 修改配置文件 编辑${JBOSS_HOME}/standalone/configuration/standalone.xml 找到以

前端是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.项目打包生成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

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 {

GRANT ALL PRIVILEGES ON *.* TO '; 这里面*.*代表是所有库.所有表,root是用户名,%代表所有ip都可访问,也可指定ip访问,例如'root'@'172.17.5.90',123456代表root用户的密码; 最后,重新使用ip登录,大功告成!记录下.原文地址:https://blog.csdn.net/macro_g/article/details/80856749

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