-
森林海
在webpack.config.js文件里面配置开发服务器devServer: {historyApiFallback: true,noInfo: true,port:9188,//访问端口colors:true},
-
侃侃尔雅
你的服务器是什么系统啊 ,,,linux LINUX、WINDOWS、NETWARE、UNIX。。在linux首先服务器安装node git nginx vue-cli安装好nginx 用你的公网ip访问就可以看到 下面的页面然后进入到下面的路径vi default 你会看到nginx的默认配置默认监听80端口 根路径把你写好的vue项目 上传到github ,通过git clone 克隆到服务器路径下面然后npm/yarn add/install 安装依赖 然后npm run buildvi 打开html 下面的 index.html 可以看到nginx默认的html进入sites-enabled 发现 它里面的 default 来自 sites-available的default所以需要在 sites-available 新建一个文件 你的项目名命名就可以在你新建的文件我在site-available新建的文件是note-admin 映射到 sites-enables注意路径一定要写全最后重新加载下 nginx -s reload打开浏览器 公网ip:端口号 或者 域名访问这就可以了还有 用express 部署这个 简单些
-
月关宝盒
既然是布署,哪默认就应该是生产环境下的布署,vue开发的应用本质上就是静态文件,无论你用何种web服务器,放上去就应该能通过http访问接下来我来帮大家来捋一捋首先VUE 是一个javascript的前端框架,注定了它是运行在浏览器里的,对服务器本地没有任何要求,只要一个静态文件服务器能通过http访问到其资源文件就足矣!无论你是用apache ,ngnix 就算你要用node 自己实现一个静态文件服务器,也用不了多少行代码。npm run dev 是用来在本地开发的时候做调试用的,vue开发的是前端的东西,不是nodejs 服务端程序,按道理讲,生产环境里就不该存在npm,甚至nodejs也不需要(用nodejs来做web静态服务的除外),楼主通过ssh进入到服务器里,再运行npm run dev 来启动哪是开发机上做的事情。正确的做法很简单,通过npm run build 把生成的dist文件夹(不要上传文件夹)里的内容上传到http服务器上就可以通过 http来访问了,开发机上正常,上传以后 程序出现错误不能运行的原因99.99%的可能性是你引用资源的路径有问题。一般如果vue框架的程序上传到网站服务器的根目录下是不 会有问题的,也不存在资源文件引用错误的情况,但如果你不是根目录,就会有问题,通过vue-cli 生成的开发目录,build以后默认引用资源文件的路径是