vue项目打包之后不通过nginx怎么配置转发代理

vue项目打包之后不通过nginx怎么配置转发代理,第1张

vue项目打包之后不通过nginx配置转发代理是:

1、Vue项目打包在终端中执行npmrunbuild1打包完成在项目的dist目录看到index.html。目录的所有文件放到nginx服务器访问。

2、下载得到一个zip的压缩包,解压用。

3、在html文件夹中新建一个hhdglm文件,打包的东西放进去。

vue项目打包

终端运行命令 npm run build

打包成功的标志与项目的改变,如下图:

点击index.html,通过浏览器运行,出现以下报错,如图:

那么应该如何修改呢?

具体步骤如下:

1、查看package.js文件的scripts命令

2、打开webpack.dev.conf.js文件,找到publicPath: config.dev.assetsPublicPath,按Ctrl点击,跳转到index.js文件

3、其中dev是开发环境,build是构建版本,找到build下面的assetsPublicPath: '/',然后修改为assetsPublicPath: './',即“/”前加点。

4、终端运行 npm run build 即可。

此时点击index.html,通过浏览器运行便,会发现动态绑定的static的图片找不到,故static必须使用绝对路径。将图片路径修改为绝对路径,至此,打包完成。


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/653545.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-07-23
下一篇2023-07-23

发表评论

登录后才能评论

评论列表(0条)

    保存