我今天开发遇到一个问题
1、需求：我要运行一个js项目 且它是通过<script src="vue.js">的方式引入vue的方式做动态渲染的 <tips:没有使用脚手架>
运行的方式，不能直接打开html文件访问，会导致{{}}标签的数据没有渲染出来，
采取的方式是启动本地的nginx，进行本地服务器的映射
2、安装nginx：
brew search nginx //检查是否是安装了 brew info nginx //检查安装包的位置
3、配置nginx，使得可以访问 html+vue的页面
nginx.conf文件
user root owner;
events {
worker_connections 1024;
}
http {
include mime.types; //mac系统需要配置 让所有资源都可正常访问
server {
listen 1111; // 监听本地端口号
server_name ***;
location ~ /.*\.(html|gif|jpg|jpeg|png|css|js|ico|woff|ttf|woff2)$
{
root /Users/share/Documents/***本地项目地址;
}
}
server {
listen 8080; // 映射线上服务器的端口号
server_name 127.0.0.1;
location / {
proxy_pass http://****;
}
}
include servers/*;
}
关于nginx的各个指令 【注意📢： nginx的启动成功是没有任何提示的哦】
sudo nginx -s stop // a、停止nginx服务
sudo nginx -s reload //b、重启nginx服务
ps -ef|grep nginx //c、查看nginx的服务的启动情况
端口号被占用的话
lsof -i:8080 // a、查看被占用的端口号8080
kill -9 63170 // b、关闭a执行后看到的服务号是63170
4、运行
方式一：解决方案是 去掉.html文件顶部的 <!DOCTYPE html> 但是不是一个好的解决方案
方式二 添加mini.types的使用，但是还是失败了，暂时先放置先 http{ include mime.types; //mac系统需要配置 让所有资源都可正常访问 }
424
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
