1.新建vue项目
vue init webpack xxxxx
2.运行vue项目
npm run dev
如果想要运行完项目让局域网的其他主机通过IP+端口号的方式访问,那么修改config/index.js下的dev下的host字段,将localhost改为0.0.0.0。
3.打包vue项目
npm run build
打包后会发现dist目录下的index.html为空页面,原因是路径问题。
修改工程config/index.js下的build中的路径,将“/”改为“./”。
4.vue项目部署到nginx。(ubuntu)
安装nginx sudo apt install nginx
启动nginx服务 sudo service nginx start
测试浏览器打开 localhost:80 或者本机ip:80
如果对域名和端口没有要求更改的话,可以直接将vue项目的dist目录下的文件放到/var/www/html目录下
sudo cp -r /xxx/dist/* /var/www/html
打开浏览器访问既可。
修改nginx的默认端口号:
sudo vim /etc/nginx/sites-enabled/default
将最开始的listen 80 default_server中的80改为想要的端口号,然后重启nginx
sudo nginx -s reload #重启nginx
查看nginx运行端口
sudo netstat -anp | grep nginx