合肥公司做网站,网站建设安全,外贸大楼27号是什么单位,wordpress关闭缓存以人人快速开发的开源项目#xff1a;renren-fast-vue 为例
注#xff1a;这里开始认为各位都会使用nginx
打包vue项目
npm run build
测试打包的项目是否可以运行
serve dist 可以正常运行
编译报错请移步到#xff1a;renren-fast-vue1.2.2 项目编译报错: build g…以人人快速开发的开源项目renren-fast-vue 为例
注这里开始认为各位都会使用nginx
打包vue项目
npm run build
测试打包的项目是否可以运行
serve dist 可以正常运行
编译报错请移步到renren-fast-vue1.2.2 项目编译报错: build gulp
部署vue项目到nginx
接下来将renren-fast-vue 项目生成的dist 目录修改为renren-fast-vue 并压缩为renren-fast-vue.zip
复制renren-fast-vue.zip 到服务器
解压到/usr/local/nginx/
vue项目的nginx配置文件不直接在nginx.conf中进行配置将配置保存在/usr/local/nginx/conf/vhost/renren-fast-vue.conf
配置内容为vi /usr/local/nginx/conf/vhost/renren-fast-vue.conf
server {listen 7000;server_name www.renrenfastvue.com;#charset koi8-r;#access_log logs/host.access.log main;#项目的根目录root /usr/local/nginx/renren-fast-vue;#网站根入口location / {# 此处的 router 实际上是引用下面的转发否则在 Vue 路由刷新时可能会抛出 404try_files $uri $uri/ router;# 请求指向的首页index index.html;}# 由于路由的资源不一定是真实的路径无法找到具体文件# 所以需要将请求重写到 index.html 中然后交给真正的 Vue 路由处理请求资源location router {rewrite ^.*$ /index.html last;}
}将renren-fast-vue项目的配置文件/usr/local/nginx/conf/vhost/renren-fast-vue.conf 导入到nginx.conf
vi /usr/local/nginx/conf/nginx.conf
在nginx.conf中http块导入文件的指令
include ./vhost/renren-fast-vue.conf管理nginx
检查语法nginx -t
启动nginx
重启nginx -s reload
停止nginx -s stop测试服务
检查nginx 监听的端口是否启动成功netstat -anp|grep nginx
测试renren-fast-vue的首页是否可以访问curl -I http://127.0.0.1:7000/到目前为止vue项目部署成功了接下来通过浏览器用域名访问
域名为server_name www.renrenfastvue.com;
在windows 的 C:\Windows\System32\drivers\etc\hosts 文件配置DNS 域名解析 在浏览器地址栏输入http://www.renrenfastvue.com:7000/
登录的默认账号密码是admin ps如果监听端口为80则不需要在域名后面添加端口
