修改C盘hosts文件,添加域名指向语句:
127.0.0.1 www.xxx.com
添加之后,在浏览器中访问www.xxx.com会自动转到127.0.0.1
启动Nginx服务,修改Nginx.conf文件,在文件中添加语句:
server {
# 监听80端口,即常用浏览器端口
listen 80;
# 自动创建索引
autoindex on;
# 虚拟域名
server_name www.xxx.com;
# 操作记录文件
access_log c:/access.log combined;
index index.html index.htm index.jsp index.php;
#error_page 404 /404.html;
if ( $query_string ~* ".*[\;'\<\>].*" ){
return 404;
}
location / {
# root 是说转接到文件下
root F:\FtpServer;
add_header Access-Control-Allow-Origin *;
}
server {
listen 80;
autoindex on;
server_name tomcat.imooc.com;
access_log c:/access.log combined;
index index.html index.htm index.jsp index.php;
#error_page 404 /404.html;
if ( $query_string ~* ".*[\;'\<\>].*" ){
return 404;
}
location / {
# proxy_pass 是转接到域名下
proxy_pass http://127.0.0.1:8080;
add_header Access-Control-Allow-Origin *;
}
}
server {
listen 80;
server_name localhost;
location / {
proxy_pass_header Server;
proxy_set_header Host $http_host;
proxy_redirect off;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Scheme $scheme;
proxy_pass http://frontends;
proxy_connect_timeout 300;
proxy_read_timeout 300;
proxy_send_timeout 300;
}
}
server {
listen 8080;#默认端口是80,如果端口没被占用可以不用修改
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
root E:/vue/my_project/dist;#vue项目的打包后的dist
location / {
try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
index index.html index.htm;
}
#对应上面的@router,主要原因是路由的路径资源并不是一个真实的路径,所以无法找到具体的文件
#因此需要rewrite到index.html中,然后交给路由在处理请求资源
location @router {
rewrite ^.*$ /index.html last;
}
#.......其他部分省略
}