要将Vue打包后的dist文件夹在Nginx上运行,可以按照以下步骤操作: 确认Vue项目已经打包: 确保你已经使用Vue CLI或其他构建工具(如Webpack)打包了Vue项目,生成了一个dist文件夹。这个文件夹包含了所有生产环境所需的静态文件。 安装和配置Nginx服务器: 如果你还没有安装Nginx,需要先进行安装。安装步骤可能因操作系统而...
将dist 目录复制到 Nginx 的默认 HTML 目录 COPY ./dist /usr/share/nginx/html 将自定义的nginx.conf复制到 Nginx 配置目录 COPY ./nginx.conf /etc/nginx/conf.d/default.conf 暴露80 端口 EXPOSE 80 启动Nginx CMD ["nginx", "-g", "daemon off;"] 我们把dist目录和nginx.conf挂载到容器内,方便后续...
2.这个时候会生成一个dist目录 C:\Users\Administrator\PycharmProjects\myvue02\dist 3.将dist文件夹上传到ngnix中的html目录中 /usr/share/nginx/html [root@dsc1 html]# ls 404.html 50x.html a.png dist en-US icons img index.html nginx-logo.png poweredby.png [root@dsc1 html]# cd dist [root...
http://localhost/#/a```3.2vue history 模式1. 配置修改 配置文件在 nginx.conf中 server { # 服务器端口 listen80; # 服务器名称 server_name localhost; # 路径配置 location/{ # 相对路径配置,基于nginx启动的位置 root dist; index index.html; # 需要指向下面的@router否则会出现vue的路由在nginx中刷...
其一、build出来的dist中的index是不能直接打开的,打开需要部署到服务器,如:http-serve、nginx、apache、Tomcat等服务器,网上都可以下载,我用习惯http-serve、nginx。因为比较简单。 其二、是配置文件出的问题。我们build前需要检查下项目中的vue.config.js,可以module.exports = {}里加上publicPath:: "/MyVue"跟...
nginx安装完成 二、部署项目 1、打开vue项目,在控制台输入 npm run build 1. 这是我打包好的:默认会生成一个disk文件 2.进入nginx安装目录下,有一个html文件,默认里边有一个index.html文件,删掉 rm -rf * 1. 3、把生成的dist目录下的静态资源传输到服务器 ...
vue 部署到nginx 1、vue项目打包,获取dist目录 npm run build 2、配置nginx的server,同时配置代理服务。 3、重启nginx 先杀掉nginx进程 kill -QUIT $proccessID. 在启动nginx: nginx
1.vue打包 npm run build 把dist目录下的文件拷贝到nginx相应目录下 2.nginx配置 vue代码部署到ng上默认是listen的端口80,请求后台服务器和端口需要配置下反向代理 server{listen80;#默认端口,前端会访问这个,下边做反向代理到服务端 server_name liangyb.top;location/{#默认根目录 root/usr/local/services/abcreg...
执行以下命令进行构建,构建成功后会发现多了一个文件夹dist npm build 第二步,在服务器上部署nginx yum install -y nginx 第三步,配置nginx 将第一步构建出的dist文件夹移动到服务器的某个目录下,这个就是你部署的目录 然后修改nginx的代理配置,进入以下目录 cd /etc/nginx 修改nginx.conf文件,添加以下内容。ro...