Ajax的项目搭建

在搭建Ajax项目之前,首先我们的安装nginx,因为Ajax是基于nginx来运行的,

1.安装nginx 和基本的语法

http://nginx.org/

上面的nginx的官网,下载直接安装就好了。

语法:

start nginx 启动
nginx -s stop 停止
nginx -s reload 重启

2.创建Ajax项目

首先我的在ajax文件夹下新建几个项目如下图:
1104242-20170303113732470-1027078766.png

项目文件下最基本的html 和 css样式。

3.配置Hosts文件

(1)首先我的找到hosts文件

C:\Windows\System32\drivers\etc

一般用户的hosts文件的路径都是这个。

(2)配置本地地址

1104242-20170303113537938-1029354986.png

127.0.0.1是请求的本地地址。

(3)配置nginx文件
1104242-20170303113550032-100098622.png
1104242-20170303113559563-582307952.png

修改nginx.conf文件里面的server

server_name 是你想要请求的地址,
root 是你本地项目的路径

(4)配置css项目。

    server {
        listen       80;
        server_name  css.project.com;

        location / {
            root   D:\xuexi\ajax1\css.project.com;
            index  index.css;
        }
    }

然后在nginx下面启动服务。

start nginx

启动完成以后,在浏览器上输入http://www.project.com/。

1104242-20170303113613876-2065677348.png

这就是最基本的一个小demo。

也可以去看我录制的视屏。
https://v.qq.com/x/page/b038096y4wl.html?ptag=qqbrowser

转载请注明出处!!!

转载于:https://www.cnblogs.com/niuyanan/p/6495678.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值