之后静态html访问成功 方法二:打包后不能直接打开访问,需要启一个服务,通过服务来访问,具体操作过程如下: 1、安装serve npm i -g serve 2、打包项目 npm run build生成dist文件夹 3、本地访问 serve dist
npm run dev是在开发模式下运行项目，可以加载一些调试的模块如hotload；npm run build是项目打包命令，...
首先,找到你的构建输出目录。这通常在你的项目根目录下的 dist 或build 文件夹中。 部署到服务器: 如果你有一个Web服务器(比如Nginx、Apache或Node.js服务器),你可以将这些构建文件上传到服务器的指定目录。 确保你的服务器配置正确,以便它可以正确地提供这些文件。例如,对于Nginx,你可能需要配置一个静态文件服务...
4、npm run build之后将你打包出的文件目录放到www文件夹下,如打包出来的文件目录为dist,dist里面有index.html和page文件夹,page文件夹是所有的打包之后的文件 5、执行localhost:3000出现Hello World,加路由访问localhost:3000/index.html即可访问到你打包出的页面了 交流 我是老礼,公众号「进军全栈攻城狮」作者 ,对...
其实直接本地就可以打开。。。 只需要在build配置文件修改: assetsPublicPath: './', build:{// Templateforindex.htmlindex: path.resolve(__dirname,'../dist/index.html'), //Paths assetsRoot: path.resolve(__dirname,'../dist'),assetsSubDirectory:'static',assetsPublicPath: './',/** ...
如果程序没启动就直接start nginx启动,如果已经启动了就使用以下命令重新加载配置文件并重启: nginx -s reload 三、查看运行效果 1、将npm run build后生成的代码复制到上面配置好的 C:/web/build 目录下 2、浏览器输入http://localhost:8800/ 四、关闭nginx服务 ...
首先如果没有修改 assetsPublicPath 先修改它的值 image.png 然后如果配置了还打不开并且页面没有任何错误提示,原因有: 1.如果你使用了vue-router 记得vue-router 的模式不能是history这个问题坑了我一下午,记录下~ 2.鬼知道还有其他什么坑,准备好铲子填吧...
用vue-cli搭建的做法 1、npm run build 2、把dist里的文件打包上传至服务器 例 /data/www/，我一般把index.html放在static里 所以我的文件路径为： /data/www/static |---index.html |---js |---css |---images ...3、配置nginx监听80...
1.在编辑器终端输入npm run build: 项目文件夹下会生成一个dist文件夹,如下图,里面有一个index.html文件 但是,直接双击打开index.html的话,我们会发现页面上一片空白,什么都没有。 所以我们还需要进行下面的步骤: 2.在项目文件中,找到config文件夹里的index.js文件,然后修改该文件中的build对象: ...
一 般打包的时候命令行会出现如下错误提示: 然后去dist文件夹运行index.html。在浏览器里会发生如下错误提示: 先在config/index.js 把原本是/改成./,然后再去bulid文件夹的build.js里,把命令行提示那段console.log给删除掉,或者注释掉,再次打包就可以正常运行, 经测试,正常运行。